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

Question

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

Answer 1

使用vue.js构造modal组件的方法是使用&nbsp;v-model&nbsp;指令：&nbsp;v-model&nbsp;指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。比如，多个勾选框，绑定到同一个数组：<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({&nbsp;el: '...',&nbsp;data: {&nbsp; &nbsp;checkedNames: []&nbsp;}})输出结果：向左转|向右转