admin_vue/09-v-model双向绑定属性使用/v-model实现选择框的绑定.html

28 lines
634 B
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<label for="">
<input type="checkbox" v-model="Chicked">同意此协议
</label>
<div>Chicked属性选择的是{{Chicked}}</div>
<button :disabled="!Chicked">下一步</button>
</div>
</body>
<script src="../00-tools/JavaScript/vue.js"></script>
<script>
const vue=new Vue({
el:"#app",
data:{
Chicked:false
},
})
</script>
</html>