<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue 表单控件进行value的绑定</title>
</head>
<body>
<div id="a">
<!-- 1.checkbox -->
<input type="checkbox" v-model="checked" v-bind:true-value="a" v-bind:false-value="b">
<!-- 2.radio -->
<input type="radio" v-model="checked" v-bind:value="a">
3.Select Options
<select v-model="selected">
<!-- 对象字面量 -->
<option v-bind:value="{number:123}">123</option>
</select>
</div>
<script src="vue.min.js"></script>
<script>
var vm = new Vue({
el:"#a",
data:{
message:"",
gender:"",
checked:"",
multiChecked:[],
selected:"",
multiSelected:[],
a:"checked",
b:"checked"
}
});
// vm.checked ==vm.a;
// vm.checked ==vm.b;
</script>
</body>
</html>
image.png
网友评论