vue初学之v-model和checkbox

最新推荐文章于 2024-06-11 11:50:40 发布

前端进阶在线笔记

最新推荐文章于 2024-06-11 11:50:40 发布

阅读量122

点赞数

文章标签： 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>

前端进阶在线笔记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue初学之v-model和checkbox

<!DOCTYPE html><HTML> <head> <meta charset="utf"> <title>v-model的使用</title> </head> <body> <div id="app"> <input type="text" v-model="message"> .
复制链接

扫一扫