vue中filter用法和作用,vue.filter在vue中的使用

　　本文主要介绍了过滤器在vue中的应用场景，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

　　Filter一般用来过滤一些值。例如，我的字段是空白的，但是我想在前端显示“-”，这样我就可以使用它。

　　最近碰到一个需求，需要对一些字段设置权限，以其他形式显示，比如“* * *”显示要隐藏的金额。

　　1.存取金额

　　2.通过过滤器过滤符合条件的字段

　　3.返回隐藏样式

　　看代码：

　　//看看其他的，就看我标注的。

　　//scope.row获取当前行

　　模板槽-范围=“范围”

　　模板v-if=item.formType==label

　　el按钮

　　v-if=item.link！=未定义

　　 type= text size= small @ click= handle column click(item . link，scope.row)

　　//filter一般不用于过滤

　　//不会写出showLabelValue

　　//方法的一个参数对应的筛选器是两个参数。

　　//第一个是前一列返回的值

　　//第n-1个是要传递的值

　　{ { scope . row showLabelValue(item) canview amount(canview amount，xtType，item) }}

　　/el-button

　　模板v-else

　　{ { scope . row showLabelValue(item) canview amount(canview amount，xtType，item) }}

　　/模板

　　/模板

　　/模板

　　导出默认值{

　　过滤器：{

　　//row是scope.row返回的数据

　　showLabelValue(行，项){

　　返回“值”

　　}

　　//value，canView权限，xtType哪个页面，项目列表数据

　　//如果showLabelValue返回值，则对应的canViewAmount参数的值为“Value”

　　canViewAmount(value，canView，xtType，item) {

　　//如果满足条件，则显示“* * *”(只是显示)。会保存到数据库还是原列表？

　　如果(！canView xtType==salesOrder) {

　　if(item . field== price notax item . field== amount notax item . field== price item . field== amount ){

　　返回“***”

　　}

　　}

　　如果(！canView xtType==project) {

　　if(item . field== amount item . field== amount notax ){

　　返回“***”

　　}

　　}

　　返回值

　　}

　　},

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。