美文网首页
2019-01-12 v-model 修饰符

2019-01-12 v-model 修饰符

作者: 浮图塔断了几层 | 来源:发表于2019-01-12 20:52 被阅读0次

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>vue</title>

        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>

    </head>

    <body>

      <div id="app">

    <input type="text" v-model.lazy="name">

    //v-model.trim  去掉空格

    //v-model.number  去掉空格  不用number会变成字符串'10'  用了变成数字10

    {{name}}

      </div>

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

    </body>

    </html>

    var app = new Vue({

    el:'#app',

    data:{

        name:'liuwei',

        price:10,

    },

    methods:{

    }

    });

    相关文章

      网友评论

          本文标题:2019-01-12 v-model 修饰符

          本文链接:https://www.haomeiwen.com/subject/eizcdqtx.html