v-model与 select,radio,checkbox的结合使用案例:
爱好选择:
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>v-model结合select</title>
<script src="https://unpkg.com/vue"></script>
<style></style>
</head>
<body>
<!-- 数组值绑定 -->
<div id="app">
<label v-for="item in books" :for="item">
<input
:id="item"
type="checkbox"
:value="item"
v-model="checkbooks"
/>{{item}}
</label>
<h2>您勾选的爱好有:{{checkbooks}}</h2>
</div>
<script>
var app = new Vue({
el: "#app",
data: {
checkbooks: [],
books: ["算法大全", "编程珠姬", "编程入门", "龙族", "雪中悍刀行"]
}
});
</script>
</body>
</html>