{{ }} 里面可以是:
- 表达式
- 字符串
- 函数
- 正则表达式
- boolean
主要有
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这个自己定义的函数里
<el-table-column slot="ti_content" label="文章内容" align="left" width="300px">
<template slot-scope="scope">
<div class="contentClass">{{ highlight(scope.row.ti_content) }}</div>
</template>
</el-table-column>
// 方法 methods:[ 适合table之类的不用显示文字样式 ]
highlight (item) {
return item.replace(/<[^>]+>/g, '')// 去掉所有的html标记
},
4.{{}} 可以写正则表达式
<div id="app"> <p>{{value.replace(/,/g,'')}}</p> //把全部的逗号去掉 </div> <script> new Vue({ el: '#app', data:{ value: '3,800,239.00' } }) </script>