组件v-model传参
作者:
程序猿的小生活 | 来源:发表于
2022-06-20 09:53 被阅读0次<html>
<head>
<script src="https://unpkg.com/vue@next"></script>
<meta charset="utf-8">
<title>组件model传参</title>
</head>
<body>
<div id="app">
<div >{{xxxx}}</div>
<aaa v-model:vl="xxxx"></aaa>
<input v-model="xxxx"/>
</div>
</body>
<script>
var app ={
data(){
return{
"xxxx":"zhangsna"
}
}
}
/* update:vl更新组件数据 */
var vm = Vue.createApp(app);
vm.component("aaa",{
"template":`<input :value="vl" @input="$emit('update:vl',$event.target.value)"/>`,
"props":["vl"]
});
vm.mount("#app")
</script>
</html>
本文标题：组件v-model传参
本文链接：https://www.haomeiwen.com/subject/xladvrtx.html
网友评论