vue-例3-13v-model动态属性.html

最新推荐文章于 2024-09-29 04:47:26 发布

原创最新推荐文章于 2024-09-29 04:47:26 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

Vue 专栏收录该内容

661 篇文章

订阅专栏

此代码示例展示了如何在Vue.js中使用v-model动态属性绑定checkbox的状态，当checkbox被选中或取消时，对应的toggle数据会随之更新。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model动态属性</title>
</head>
<body>
    <div id="app">
        <input type="checkbox" v-model="toggle" v-bind:value="toggle">
        <span>{{toggle}}</span>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        let vm = new Vue({
           el:'#app',
           data:{
               toggle:'true'
           }
        });
    </script>
</body>
</html>