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

编程入门 行业动态 更新时间:2024-10-27 06:30:00

如何在filters中使用data中<a href=https://www.elefans.com/category/jswz/34/1771445.html style=数据?"/>

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

更多推荐

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

本文发布于:2023-12-03 10:16:09,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1654213.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:数据   如何在   filters   data

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!