当前位置:首页 > 编程笔记 > 正文
已解决

如何在filters中使用data中数据?

来自网友在路上 142842提问 提问时间:2023-10-29 01:07:28阅读次数: 42

最佳答案 问答题库428位专家为你答疑解惑

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

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"如何在filters中使用data中数据?":http://eshow365.cn/6-27265-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!