vue filters过滤器this指向问题的解决方案

最新推荐文章于 2024-03-26 20:30:24 发布
最新推荐文章于 2024-03-26 20:30:24 发布
阅读量3.5k 收藏
点赞数
文章标签： vue fiters 过滤器 this指向问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cookie686/article/details/99542582
版权

在使用 vue filters过滤器的过程中发现直接用this. 获取需要遍历的数据会报undefined错误，打印this发现输出的是undefined,
想到一下解决方案：
1.全局声明一个变量
在这里插入图片描述

2.在生命周期里将this赋值给 that
在这里插入图片描述
filters过滤器中再次打印that 可以输出想要的结果了

Cookie686
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue filters过滤器的使用方法
08-29
主要为大家详细介绍了Vue filters过滤器的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue filter中使用this的问题
瘾丶病的博客
11-14 1406
Vue filter中使用this的问题。
vue filter过滤器中this不指向vue实例
m0_73323423的博客
08-07 170
解决方法，声明一个全局变量=this，在过滤器中使用全局变量。
vue过滤器filter中this指向问题
weixin_44036603的博客
02-16 2742
vue 过滤器的使用
vue的filters筛选器获取this使用
番茄脸红了~
06-29 2079
vue的filters筛选器；获取this使用；
vue过滤器filters获取不到this对象的解决办法
weixin_43123984的博客
02-11 2272
解决方案 在data中定义一个属性that,把this存储到that中 在调用filters中的方法sum的时候将that传进去即可 下面举个例子用filters计算data中 a+b 的值 注意：filters中的sum方法的第一个参数是 | 左边那个a，第二个参数才是括号写的that <template> <div>{{a|sum(that)}}</div> </template> <script> export default {
vue中过滤器filters的this指向问题,指为undefined
Sapling
12-09 5031
有时候我们在使用vue中的过滤器filters方法时，用到this时会报undefined错，那是因为在filters中的this指向其实是为undefined,如果真的想使用可以全局定义一个that, 进行代替，let that = this; 那是因为当初为了设计过滤器filters更偏重于对文本数据的转化，如果使用上下文中的this,可以使用计算属性computed或者方法methods。 ...
filters中的this问题，及在computed中调用函数
莫不静好
09-24 742
背景 过滤器内this的指向是undefined，因而不能在过滤器内使用this引用组件实例的变量或者方法 vue中过滤器更偏向雨文本数据的转化 我们可以使用computed作为替代方案
Vue3不支持Filters过滤器的问题
10-14
主要介绍了Vue3不支持Filters过滤器的问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Vue 过滤器filters及基本用法
08-28
在 Vue 过滤器中，`this` 引用是 undefined，这意味着我们不能在过滤器中使用 `this` 引用组件实例的变量或方法。 总结 Vue 过滤器是一种功能强大的工具，能够对数据进行格式化和处理。我们可以使用 Vue 过滤器来...
directives，filters等中this指向问题
最新发布
Candy_672328094的博客
03-26 212
今天在directives中发现this指向undefinded，filters中也是如此；指令在需要的时候调用了这个方法，实现了操作 Vue 实例的目的。之后它告诉我：通过绑定的方式传递数据或方法是一种常见的解决方案。将 Vue 实例中的。
vue中过滤器filters的this指向问题。
热门推荐
weixin_40837048的博客
09-10 2万+
今天在完成一个时间戳转化时想试试vue的过滤器filters，代码如下： execute_time(time) { if (time === 0) return '/' else return this.getTime(time) } 我发现报了个"TypeError: Cannot read property ‘getTime’ of undefined"，我第...
vue如何在filter中使用this
weixin_43078608的博客
09-30 5727
filter过滤器在vue中使用的还是比较频繁，但使用中还是会遇到一些问题。如： controllerDisable(value) { if (value) { if (this.countStrlen(value) > 20) { return false; } } return true; }, 当你需要在filter使用你自定义的函数时，你会发现是undefined，这里就涉及到this指向的问题。只需要： beforeCreate: f
Vue filters this指向问题
weixin_39587245的博客
03-04 803
Vue实例中filter不依赖于当前vue实例上下文,所以在filter中无法直接访问当前vue实例, 所以可以使用computed替代。 可是当遇到需要
vue 过滤器 filters 中取不到 this 问题解决
工作中遇到问题记录
11-04 1742
vue 过滤器 filters 中取不到 this 问题解决：定义一个that通过传参的办法取
纯CSS 移动端，根据宽度获取高度
qq_19484091的博客
05-28 567
html部分代码 <div class="goods_div"> <div class="goods_li"> </div> <div class="goods_li"> </div> <div class="goods_li"> </div> </div> CSS部分代码 .goods_div{width:100%;} .goods_li{width:33.33%; paddin
Vue项目中，在filters中使用this（Vue实例对象）
郭宝的博客
05-06 5680
效果图： 方式一： 在data对象中定义一个 this_ 变量，接收this（Vue实例对象），如下代码： data() { return { this_: this } } 然后声明过滤器时，在形参中加上vue filters: { teacherFiliters(value, vue) { console.log(vue) for (let i = 0; i < vue.teachers.length; i...
vue过滤器this指向问题
03-30
在Vue的过滤器中，this指向的是Vue实例对象，而不是被过滤的数据对象。 例如，在下面的例子中，当在模板中使用过滤器时，过滤器函数中的this指向的是Vue实例对象： ``` <div>{{ text | toUpperCase }} export...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值