当前位置:   article > 正文

如何在filters中使用data中数据?_vue filters拿不到data的数据吗

vue filters拿不到data的数据吗

在vue2.x中使用filters功能,如果想在filter中使用this调用data中的数据,会报错,因为this不是指向vue组件实例。

如果想用data中的数据,一般有两种方式:

1.在使用filter时传入data中数据,如:

<template>
  <div>
    目前选择的是:{ { type | convertText(list) }}
  </div>
</template>
 
<script>
export default {
  filters: {
    // 传进来list参数
    convertText: function(value, list) {
      let result = ''
      list.forEach(item => {
        if(item.value === value) {
          result = item.label
        }
      })
      return result
    }
  },
  data() {
    return {
      list: [
        {label: '苹果', value: 1},
 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/149270
推荐阅读
相关标签
  

闽ICP备14008679号