v-모델 원리 및 사용자 정의 구성 요소의 실현
기본 양식에서 다음을 수행합니다.
다음과 같습니다: (input에value 속성 값을 데이터name로 바꾼 다음 input에input 이벤트에input의value 값을 데이터name에 부여합니다.
사용자 정의 구성 요소에서 다음을 수행합니다.
문자열 템플릿에서 상술한 두 번째 방식을 사용하여 v-모델을 실현해야 한다.
{{name}}
Vue.component("test",{
//props prop ,
//v-model input value、
// prop value
props:['value'],
template:`
`
})
new Vue({
el:"#demo",
data:{
name:" ",
},
methods:{
ccc:function(){
this.name = " ";
}
}
})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
VUE 기반 장치가 PC인지 모바일 포트인지 판단실제 개발 과정에서 자주 발생하는 수요는 현재 웹 페이지에 로그인한 장치가 PC인지 이동인지를 판단하고 PC 측과 모바일 측이 서로 다른 웹 내용을 표시하도록 요구하는 것이다. 그러면 현재 로그인 장치에 대한 판단이...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.