美文网首页
vue中filter过滤器中的this指向

vue中filter过滤器中的this指向

作者: NemoExpress | 来源:发表于2021-05-24 11:11 被阅读0次

本来想在在filter过滤器中传递this,来获取全局当中的国际化方法,但是提示undefined,经查阅过滤器的文档发现:vue中的过滤器更偏向于对文本数据的转化,不能够一揽this上下文,所以如果需要使用到上下文的this,应该使用computed计算属性或者method方法
所以解决方案采用 计算属性 computed 来进行参数传递,同时国际化方法也需要通过计算属性来进行语言切换的侦测,这里需要给计算属性传递参数,代码如下

computed: {
    statusFilter2() {
      return function(val) {
        return this.$t(`status.${val}`)
      }
    }
  }

相关文章

  • vue中filter过滤器中的this指向

    本来想在在filter过滤器中传递this,来获取全局当中的国际化方法,但是提示undefined,经查阅过滤器的...

  • vue filter

    注意: filter函数内的this指向undefind, vue中的过滤器更偏向于对文本数据的转化,而不能依...

  • Vue 的过滤器

    前言:Vue 中的过滤器(filter)不能替代 Vue 中的 methods、computed 或者 watch...

  • Vue常见错误

    1 this指向 vue中this指向的vm实例,如果map或者filter循环中,this的指向就是个迷了 解决...

  • Vue过滤器

    Vue过滤器 使用Vue.filter()来对指定的元素进行过滤,function中传递的参数即是el表达式中的第...

  • Filter

    Java****中的****Filter****过滤器 Filter****简介 Filter也称之为过滤器,它是...

  • Interceptor和Filter区别

    过滤器(Filter) Servlet中的过滤器Filter是实现了javax.servlet.Filter接口的...

  • 9.自定义vue全局过滤器

    1.Vue.filter('过滤器名字',过滤器函数):

  • 数组过滤器

    数组过滤器 vue1.0中有一个数组过滤器叫做filterBy,在angular中叫filter,它接收3个参数 ...

  • filter过滤器的使用

    过滤器的形式 :Vue.filter('函数名',function(msg){}) 函数中msg是必须要穿的参数,...

网友评论

      本文标题:vue中filter过滤器中的this指向

      本文链接:https://www.haomeiwen.com/subject/dnqxsltx.html