如何正确使用vue.js构造modal组件

Question

如何正确使用vue.js构造modal组件

Answer 1

使用vue.js构造modal组件的方法是使用 v-model 指令：v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。比如，多个勾选框，绑定到同一个数组：<input type="checkbox" id="jack" value="Jack" v-model="checkedNames"><label for="jack">Jack</label><input type="checkbox" id="john" value="John" v-model="checkedNames"><label for="john">John</label><input type="checkbox" id="mike" value="Mike" v-model="checkedNames"><label for="mike">Mike</label><br><span>Checked names: {{ checkedNames | json }}</span>new Vue({el: '...',data: {checkedNames: []}})输出结果