zoukankan      html  css  js  c++  java
  • Vue:v-model指令在其他元素类型的使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="app">
            <!--一.-->
            <!--<label>-->
                <!--男-->
                <!--<input type="radio" v-model="sex" value="male">-->
            <!--</label>-->
            <!--<label>-->
                <!--女-->
                <!--<input type="radio" v-model="sex" value="female">-->
            <!--</label>-->
            <!--<br>-->
            <!--{{sex}}-->
    
            <!--二.-->
            <!--<label>-->
                <!--男-->
                <!--<input type="checkbox" v-model="sex" value="male">-->
            <!--</label>-->
            <!--<label>-->
                <!--女-->
                <!--<input type="checkbox" v-model="sex" value="female">-->
            <!--</label>-->
            <!--<br>-->
            <!--{{sex}}-->
            
            <!--三.-->
            <!--<textarea v-model="article"></textarea>-->
    
            <!--四.-->
            <div>你来自哪里</div>
            <select v-model="from">
                <option value="1">王家沟</option>
                <option value="2">断背山</option>
            </select>
            {{from}}
        </div>
    
    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>
    <script>
    //    一.
    //    var app=new Vue({
    //        el:"#app",
    //        data:{
    //            sex:"female"
    //        }
    //
    //    })
    
    
    //    二.
    //    var app=new Vue({
    //        el:"#app",
    //        data:{
    //            sex:[]
    //        }
    //
    //    })
    
    //    三.
    //   var app=new Vue({
    //        el:"#app",
    //        data:{
    //            article:"七夕了也不知道说点啥,那就提前给大家拜个早年吧"
    //        }
    //
    //    })
    
    //    四.
           var app=new Vue({
            el:"#app",
            data:{
                from:1
            }
    
        })
    
    
    </script>
    </body>
    </html>
  • 相关阅读:
    IDEA的database插件无法链接mysql的解决办法(08001错误)
    window.location.href传参/传值汇总
    toggleClass() 方法
    File file=new File ()
    MultipartFile接口
    @RequestParam注解字参数详解
    在微信下载的浏览器判断问题
    JS可控制的图片自动循环播放查看效果
    PHP接口的声明与引用
    js时间
  • 原文地址:https://www.cnblogs.com/c491873412/p/7444172.html
Copyright © 2011-2022 走看看