我们好多时候会遇到要对模版中的遍历出来的参数和其他全局的变量比较的情况,
当然这时候会用到计算属性,
但是我们都知道在计算属性中直接写方法,
然后在模版中我们写的计算属性后面是不能直接加参数的
否则会报没有这个方法的错误
下面解决方法来了
<template>
<div v-for="(item,index)" in timeList>
<sapn v-if="compare(item)">{{item}}</span>
</div>
</template>
computed:{
compare() {
return function(time) { // 此时的value可以获得传过来的参数
return this.nowTime > time
}
}
}
上面的方法我过去常用在表格的码表转换上,But我发现了啥,还有一个更好用的写法,那就是filter 详见另一篇关于filter文章