vue初学之v-model和checkbox

最新推荐文章于 2024-07-09 23:30:25 发布

前端进阶在线笔记

最新推荐文章于 2024-07-09 23:30:25 发布

阅读量143

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/abcsimple/article/details/121116233

版权

<!DOCTYPE html>
<HTML>
    <head>
        <meta charset="utf">
        <title>v-model的使用</title>
    </head>
    <body>
        <div id="app">
            <input type="text" v-model="message">
            <div>{{message}}</div>
            <label for="licence">
                <input type="checkbox" id="argee" v-model="licence">同意协议
            </label>
            <h3 >请点击同意协议进行下一步,您的选择是:{{licence}}</h3>
            <button :disabled="!licence">下一步</button>  
        </div>
        <script src="../vue.js"></script>
        <script>
            var app = new Vue({
               el:'#app',
               data:{
                   message: 123,
                   licence: 'false',//嘿嘿
                   //licence:false,
               } ,
            })
        </script>
    </body>
</HTML>