如何在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},
 

猜你喜欢

转载自blog.csdn.net/BenChiZhuBaDaoWang/article/details/134051777