感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
点我查看本站打赏源码！
Powered by RUNCODEX.COM，学的不仅是技术，更是梦想！！！
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<div id="app">
<input type="checkbox" id="checkbox" value="Jack" v-model="checked">
<label for="checkbox">{{ checked }}</label>
</div>
<div id="app2">
<input type="radio" id="three" value="three" v-model="checked">
<div id='example-3'>
<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="checkedNames2">
<label for="mike">Mike</label>
<br>
<span>Checked names: {{ checkedNames }}</span>
<span>Checked names2: {{ checkedNames2 }}</span>
<div id="example-4">
<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<span>Picked: {{ picked }}</span>
<div id="example-5">
<input v-model.lazy.trim="change"><!--只有在按enter之后值才会同步-->
<p>
value:{{change}}
</p>
<div id="example-6">
<input v-model.number="change" type="number"><!--只有在按enter之后值才会同步-->
number:{{change}}
</body>
</html>
xxxxxxxxxx
new Vue({
el:'#app',
data:{
checked:''
}
})
el:'#app2',
el: '#example-3',
data: {
checkedNames: [],//当插值是数组时，获得的是value
checkedNames2:'',//否则，获得是boolean值，表示是否选中
el: '#example-4',
picked: ''
el:'#example-5',
change:''
el:'#example-6',
change:null
输入 CSS 代码……
