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

JavaScript013

如何使用vue.js构造modal组件,第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: []

}

})

dialog是jquery UI库的一个UI组件。

你要使用dialog。仅仅引入jquery.js是不够的。

jquery只是轻量级的基础框架。

如果你要用jqueryUI的dialog组件。

就要引入jqueryUI的js及相关css样式文件。

依赖关系dialog -->jqueryUI -->jquery