Vue filter 소개 및 사용 상세 설명
Vue 필터 의 기본 사용법
//
Vue.filter('my-filter', function (value) {
//
})
// getter，
var myFilter = Vue.filter('my-filter')
// mustache
{{ msg | uppercase }}
//
<input type="password" v-model="psw | validate">메모:Vue 2.0 버 전에 서 기본 필터 사용 이 폐기 되 었 습 니 다.
명칭.
기능.
capitalize
이니셜 대문자
uppercase
전체 대문자
lowercase
전체 소문 자
currency
금전 및 소수점 출력
pluralize
출력 복수 형식
debounce
지연 실행 함수
limitBy
v-for 에서 사용,수량 제한
filterBy
v-for 에서 사용,데이터 선택
orderBy
v-for 에서 사용,정렬
사용자 정의 필터
전역 정의 필터 사용 하기
//
Vue.filter('validate', function(val) {
val = val.toString();
reg = /[`~!@#$%^&*()_+<>?:"{},\/;']/im;
if(reg.test(val)) {
$.alert(" ", " ");
//
return val.substr(0, val.length - 1);
} else {
//
return val;
}
});
<input type="password" placeholder=" " v-model="psw | validate" maxlength = "18">이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
