zoukankan      html  css  js  c++  java
  • v-model在其它元素以及类型上的用法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div id="app">
        <label><input v-model="sex" value="male" type="radio">
        </label>
        <label><input v-model="sex" value="female" type="radio">
        </label>
        <hr>{{sex}}
        <hr>
        <label><input v-model="sexs" value="male" type="checkbox">
        </label>
        <label><input v-model="sexs" value="female" type="checkbox">
        </label>
        <hr>{{sexs}}
        <hr>
        <textarea v-model="article"></textarea>
        <hr>{{article}}
        <hr>
        <div>你来自哪里?</div>
        <select v-model="from">
            <option value="1">王家沟</option>
            <option value="2">背背山</option>
        </select>{{from}}
        <div>你要去哪里?</div>
        <select v-model="go" multiple>
            <option value="1">王家沟</option>
            <option value="2">背背山</option>
        </select>{{go}}
    </div>
    
    <script src="../lib/vue.js"></script>
    <script src="js/main.js"></script>
    </body>
    </html>
    var app = new Vue(
        {
            el:"#app",
            data:{
                sex:"male",
                sexs:["male"],
                article:"我是一个大萝卜,大呀大萝卜",
                from:null,
                go:[]
            },
            methods:{
    
            }
        }
    )
  • 相关阅读:
    influxdb服务器 relay
    browse-agent type and curl post
    使用 Ansible 管理 MySQL 复制
    ansible里的item和with_items
    Ansible 从MySQL数据库添加或删除用户
    ansibel---tag模块
    ll | wc -l的陷阱
    ansible 判断和循环
    Ansible详解(二)
    Ansible详解(一)
  • 原文地址:https://www.cnblogs.com/52-qq/p/8386261.html
Copyright © 2011-2022 走看看