Vue中v-model的用法

一.单选按钮<label>男</label><input type='radio' value='男' v-mode='sex' name='sex'/><label>女</label><input type='radio' value='女'

甄岩岩

4449人浏览 · 2018-07-21 20:14:13

甄岩岩 · 2018-07-21 20:14:13 发布

一.单选按钮

对于同属一组的radio（name属性相同），v-model绑定sex值，当radio被选选中后，value的值会赋值给sex

tips:

如果v-mode='a()'绑定一个事件，那么整个页面的input中随意的一个输入都会触发该事件。。不知原因

<input type='file' οnchange='getFile' /> onchange方法在2.0中失效，应该换成@change

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^