vue中使用过滤器filters的this为undefined

最新推荐文章于 2023-01-03 16:08:22 发布
最新推荐文章于 2023-01-03 16:08:22 发布
阅读量1.5k 收藏
点赞数
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38396070/article/details/107385360
版权

vue中的过滤器更偏向于对文本数据的转化，而不能依赖this上下文，如果需要使用到上下文this我们应该使用computed计算属性的或者一个method方法

HonGL54
关注
专栏目录
vue使用filters时遇到this是undefined的记录
JS是编程界最好的语言的博客
03-27 484
第一个参数就是要判断的status的值；第二个参数是data里的dictArr数据;
vue中过滤器filters的this指向问题,指为undefined
Sapling
12-09 5053
有时候我们在使用vue中的过滤器filters方法时，用到this时会报undefined错，那是因为在filters中的this指向其实是为undefined,如果真的想使用可以全局定义一个that, 进行代替，let that = this; 那是因为当初为了设计过滤器filters更偏重于对文本数据的转化，如果使用上下文中的this,可以使用计算属性computed或者方法methods。 ...
vue filters过滤器this报undefined的解决方案
过眼云烟—了凡
06-11 1563
在使用 vue filters过滤器的过程中发现直接用this. 获取需要遍历的数据会报undefined错误，打印this发现输出的是undefined, 想到一下解决方案： 1.全局声明一个变量 在这里插入图片描述 2.在生命周期里将this赋值给 that 在这里插入图片描述 filters过滤器中再次打印that 可以输出想要的结果了 ...
Vue数据过滤与this指向的问题
随便写写
12-15 1058
实例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> <script src="https:/
vue如何在过滤器里面使用this
m0_63816143的博客
01-03 1027
如何在过滤器里面使用this
Vue 过滤器filters及基本用法
08-28
Vue 过滤器filters及基本用法 Vue 过滤器是 Vue.js 框架中的一种功能强大的工具，能够对数据进行格式化和处理。下面，我们将介绍 Vue 过滤器的实例代码和基本用法。 what is Vue 过滤器？ Vue 过滤器是一种函数，...
vue2中的过滤器
yezi153的博客
10-26 1126
1.过滤器 使用场景:一个值需要经过处理后返回另一个结果 类似计算属性 计算之后返回计算的结果 // 全局过滤器写法 Vue.filter("过滤器名", (值) => {return "返回处理后的值"}) // 局部过滤器 filters: { 过滤器名(值) { return 处理后的结果 } } 2.计算属性 使用场景:一个变量的结果需要另外变量计算得来 特点:函数内变量变化,会自动计算结果返回,有缓存的特性 缓存:依赖项(计算属性的函数里面使用的变量)不变,多次调
vue中动态设置style样式和使用filters过滤器设置样式
L_WalkingPig的博客
08-25 4970
例如：想给图片增加高度和透明度 <el-image :class="classRotation" v-if="imageData.src !== undefined" :src="imageData.src" :style="imageStyle"> </el-image> //在data中声明 imageStyle data(){ return{ imageData:{}, imageStyle:{}, //样式.
在vue的过滤器中this的指向为undfined
最新发布
03-26
在Vue的过滤器函数中，this的指向确实是undefined。过滤器函数是一个纯函数，它没有组件实例的上下文，也就是没有this指向。因此，如果你需要在过滤器中使用this，你需要传递一个参数来代表this指向的对象。例如： ...
在v-html中使用filters以及在filters中使用this
weixin_50964668的博客
03-30 237
vue2.0中去除了在v-html中使用filters方法，但是这是否意味着不可以这么使用了呢 html部分 <span v-html="$options.filters.contentFilters(item.data.description, this)" ></span> js部分 filters: { contentFilters(val: string, vm: Vue) { if (val && val.length > 1
vue项目中filters中的过滤方法使用this指向失效
qq_45454550的博客
08-09 1328
vue项目中filters中的过滤方法使用this指向失效 vue项目中经常会用到表格数据展示 有些数据在数据库存储是使用数字存储， 在页面展示需要用文字表达 要把这个数字转一下 可以使用vue里的过滤方法 但是在过滤方法中使用this是undefined！！！ 下面是比较实用简单的解决方案 解决方法1 定义全局变量在生命周期beforeCreate把this赋值过去， 然后在过滤方法里使用这个变量代替this 比较麻烦 解决方法2 在data里定义一个变量that赋值this，在方法参数里传进去 示例 t
自定义Filter解决Ajax显示undefined
snailisBigbull的博客
08-10 308
/** 设计一个类 * 自定义权限，解决Ajax的问题 * 你得告诉shiro(现在spring在管理),使用咱们的自定义过滤器 */ public class AiSellPermissionsAuthorizationFilter extends PermissionsAuthorizationFilter { protected boolean onAcce...
Vue filter中使用this的问题
瘾丶病的博客
11-14 1440
Vue filter中使用this的问题。
vue中使用过滤器this为undefined解决方案
程邓楠的博客
06-05 1750
学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、CSDN 技术博客
vue 过滤器 filters 中取不到 this 问题解决
工作中遇到问题记录
11-04 1805
vue 过滤器 filters 中取不到 this 问题解决：定义一个that通过传参的办法取
教你VUE中的filters过滤器2种用法
开源世界
04-02 3285
前言 Vue.js 允许我们自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号（{undefined{ }}）插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。 <!-- 在双花括号中 --> <div>{{ message | capitalize }}</div> <!-- 在 `v-bind` 中 --> <div v-bind
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过滤器filters获取不到this对象
DreamFJ的博客
04-21 1万+
参考：https://github.com/vuejs/vue/issues/5998
Vue项目中，在filters中使用this（Vue实例对象）
郭宝的博客
05-06 5744
效果图： 方式一： 在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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值