vue的filters筛选器获取this使用

简介: vue的filters筛选器获取this使用

场景:对于vue组件中,一些需要在显示之前过滤的数据,则采用filters过滤器;但在filters中无法获取到vue实例的上下文,那么怎么解决呢?


原因: 过滤器注册在vue实例之前,所以this指向了window,但是因为严格模式原因,为 undefined。


解决方式:可以提前声明一个变量承接this实例

       1)在data中,将this赋值给that,使用that去获取数据

       2)在组件内全局设置let that;

        beforeCreate() {
            that = this
          }


相关文章
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
10 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
7 2
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
9 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
6天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
10 0
|
6天前
|
缓存 JavaScript
Vue中的keep-alive是什么意思?以及如何使用
Vue中的keep-alive是什么意思?以及如何使用