2019-01-12 v-model 修饰符

<!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:{


}

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,088评论 0 29
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 757评论 0 0
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 4,908评论 6 16
  • 目标:1、了解v-model的本质。2、了解v-model的实现原理。 我们知道Vue的核心特性之一是双向绑定,v...
    LoveBugs_King阅读 222,524评论 3 38
  • 王大妈,闽南石狮人也,初进京城,误以为北京与石狮市一样,也是免费坐公交车。她上公交车未投币缴费,即找座位。...
    风起龙飞阅读 412评论 1 5