vue {{}} 大胡子表达式里面可以写些什么

来源:互联网 发布:php登录界面 编辑:程序博客网 时间:2024/04/28 04:06

vue {{}}里面写js表达式

可以写些什么?

主要有

1.{{num + 1}} 运算府

data:{  num:5}

2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式

data:{    status: true}

3.{{changeTime()}} 运行函数

changeTime(){    return  this.value.replace(/\d/g,'')}

可以拿到时间戳之后,用new Date转换成时间对象,然后进入changeTime这个自己定义的函数里

4.{{}} 可以写正则表达式

<div id="app">  <p>{{value.replace(/,/g,'')}}</p>   //把全部的逗号去掉</div><script>            new Vue({        el: '#app',        data:{            value: '3,800,239.00'        }    })</script>
原创粉丝点击