本文介绍了v-model的工作原理，以及如何在自定义组件中实现类似功能。通过理解Vue的自定义事件机制，组件可以接收父组件的值（prop: 'checked'），并在值改变时通过$emit('change', newValue)通知父组件。文章还探讨了当组件内部包含其他复杂组件（如el-cascader）时，如何处理v-model的绑定。提供了具体的实现思路和代码示例。"
128780846,8409472,BLAST字大小对搜索精度的影响,"['生物信息学', '基因组学', '序列分析', 'BLAST工具', '比对算法']
1.原理
v-model是:value="msg"@input="msg=$event.target.value"的语法糖，其中:value="msg"是绑定了数据，value就是input输入框里的值；@input="msg=$event.target.value"就是监听input输入框里值的变化，然后改变值。一句话概括就是，绑定数据并且监听数据改变
<input v-model="val"> 等价于
<input v-bind:value="val" v-on:input="val = $event.target.value" />2.自定义实现
v-model是直接绑定在input上面的，但是如果写一个组件，怎么把组件的值绑定到父组件给它绑定的值上面了，要知道，element-ui是实现了的，譬如element-ui里面的一个组件
<el-cascader v-m
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
