20221009 Vue事件修饰符,表单双向绑定

82 阅读1分钟

事件修饰符(可以连续点多个)

.stop-阻止自己冒泡

.self-阻止子元素冒泡到自己

.prevent-阻止默认行为

.capture-捕获

表单的双向绑定

输入框:v-model=‘data变量’

富文本框:v-model=‘data变量’

单选框:value设置为能选择的值,选中时把对应的value赋值给‘data变量’

复选框:value设置为能选择的值,选中时把对应的value赋值给‘data变量(数组)’

下拉选择框

v-model绑定在select上单选下拉框绑定字符串,选中后把option的value赋值到变量中

multiple开启下拉的多选框,开启后变量绑数组