比如有时候我们想让某个数值,保留一位小数展示,就可以使用过滤器,超级方便,用法如下:
第1步,定义过滤器filters:
<script>
export default {
name: 'SupplierDetailPopup',
data () {
return{
distance: 5
}
}
filters: {
// 保留一位小数
keepOnePoint (value) {
const tempVal = Number(value).toFixed(1)
return tempVal
}
}
}
</script>
第2步,使用过滤器:
<span>{{distance | keepOnePoint}}</span>
就是这么简单!