Vue使用filters过滤时不能使用this的解决办法

script部分

filters: {getName(val) {for (let i = 0; i < this.list.length; i++) {let id = Object.keys(this.list[i])[0];if (id === val) {return this.list[i][val];}}}
},

html部分代码

<span>{{scope.row.spus[0].categoryId | getName}}</span>

在使用filter过滤器的时候，使用的方式就是使用管道符。管道符|前面是参数，后面是过滤器。
在使用的时候，会报错：this.list报错，this不能指代vue。

如果在filter中使用this的话，则需要通过过滤器将参数传递过去。

filters: {getName(val, list) {for (let i = 0; i < list.length; i++) {let id = Object.keys(list[i])[0];if (id === val) {return list[i][val];}}}
},

html部分代码

<span>{{scope.row.spus[0].categoryId | getName(categoryList)}}</span>

问题解决！

Vue使用filters过滤时不能使用this的解决办法——两次遇到了，一定要记住奥~相关推荐

初学vue 在做项目时遇到的问题与解决办法（使用element组件）（二）
表格每行里都有按钮 <el-table-column prop="option" label="操作" align="center" ...
Vue.js前台报Uncaught (in promise) cancel错误解决办法
今天做一个demo时碰到了Vue.js前台报Uncaught (in promise) cancel的错误,虽然不影响操作但是看见了心里不爽,于是在网上找了一些资料,总结如下原因: this.$co ...
get/post时中文乱码问题的解决办法
get/post时中文乱码问题的解决办法参考文章: (1)get/post时中文乱码问题的解决办法 (2)https://www.cnblogs.com/opaljc/p/3807786.html ...
Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法
Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法参考文章: (1)Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法 (2)ht ...
Win7 IIS7.5运行ASP时出现500错误的解决办法
http 500内部服务器错误说明IIS服务器无法解析ASP代码,下面为大家介绍下Win7 IIS7.5运行ASP时出现500错误的解决办法 http 500内部服务器错误说明IIS服务器无法解析AS ...
使用 QT 时遇到的问题及解决办法
使用 QT 时遇到的问题及解决办法 Use multi-arg instead [clazy-qstring-arg] 不要使用一连串的 arg().arg().arg() QString(" ...
在 ubuntu 20.04 LTS 上安装 ROS2 执行 rosdep update 命令时出现的问题的解决办法
在 ubuntu 20.04 LTS 上安装 ROS2 执行 rosdep update 命令时出现的问题的解决办法 1.sudo rosdep init 在执行 sudo rosdep init 命 ...
linux安装mysql不成功怎么处理_Linux上安装MySQL时出现不兼容的解决办法
Linux上安装MySQL时出现不兼容的解决办法在linux 上安装mysql rpm的时候,安装不成功 MySQL-client-5.5.36-1.linux2.6.x86_64.rpm MySQ ...
mysql update语句卡死_oracle执行update语句时卡住问题分析及解决办法
问题开发的时候debug到一条update的sql语句时程序就不动了,然后我就在plsql上试了一下,发现plsql一直在显示正在执行,等了好久也不出结果.但是奇怪的是执行其他的select语句却是 ...

Vue使用filters过滤时不能使用this的解决办法——两次遇到了，一定要记住奥~

Vue使用filters过滤时不能使用this的解决办法

script部分

html部分代码

如果在filter中使用this的话，则需要通过过滤器将参数传递过去。

html部分代码

Vue使用filters过滤时不能使用this的解决办法——两次遇到了，一定要记住奥~相关推荐

最新文章

热门文章