<p>输入框{{name}}</p>
<input type="text" v-model.trim="name">
<input type="text" v-model.lazy="name">
<input type="text" v-model.number="name">
<p>多行文本</p>
<textarea v-model="des"></textarea>
<p>下拉单选{{list}}</p> //显示选中的值
<select v-model="list">
<option disabled>请选择</option>
<option>a</option>
<option>b</option>
</select>
<p>下拉多选 {{lists}}</p> //显示选中的值
<select v-model="lists" multiple>
<option disabled>请选择</option>
<option>a</option>
<option>b</option>
</select>
<p>复选框 {{checked}}</p>
<input type="checkbox" v-model="checked">
<p>多个复选框 {{checkeds}}</p> //显示选中value属性的值
<input type="checkbox" value="jack" v-model="checkeds">
<label for="">jack</label>
<input type="checkbox" value="dalin" v-model="checkeds">
<label for="">dalin</label>
<p>单选{{ra}}</p> //显示选中value属性的值
<input type="radio" value="1" v-model="ra">
<label >男</label>
<input type="radio" value="2" v-model="ra">
<label >女</label>
<script type="text/ecmascript-6">
export default {
data() {
return {
name: 'liu man ',
des:`213124
r4123412
21412`,
list:'',
lists:[],
checked: true,
checkeds:[],
ra: 1
}
},
}
</script>