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

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>
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页