当前位置: 首页 > article >正文

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


http://www.kler.cn/a/108519.html

相关文章:

  • 【vue3中el-table表格高度自适应】
  • ES6字符串的新增方法
  • Brave127编译指南 Windows篇:部署Node.js(五)
  • Ps:OpenColorIO 设置
  • 封装一个省市区的筛选组件
  • 测试工程师简历「精选篇」
  • 工程建筑模板厂家货源,酚醛胶镜面胶合板实用型
  • 矩阵特征值与特征向量的理解
  • 深度强化学习用于博弈类游戏-基础测试与说明【1】
  • TCP / UDP 概念 + 实验(计网自顶向下)
  • 深度学习中的epoch, batch 和 iteration
  • 搭建微信小程序环境及项目结构介绍
  • Unity之ShaderGraph如何实现科幻空气墙
  • java中Map常见的面试问题,扩容问题,转红黑树的前提,解决Hash哈希冲突的方法
  • React-表单受控绑定和获取Dom元素
  • 基于群居蜘蛛算法的无人机航迹规划
  • 系统架构设计师-第16章-嵌入式系统架构设计理论与实践-软考学习笔记
  • 负载均衡的综合部署练习(hproxy+keepalived和lvs-DR+keepalived+nginx+Tomcat)
  • 漏洞复现-jquery-picture-cut 任意文件上传_(CVE-2018-9208)
  • windows8080端口占用
  • 更新电脑显卡驱动的操作方法有哪些?
  • Mac电脑配置Dart编程环境
  • YUV的红蓝颠倒(反色)的原因及解决
  • 通过Vue自带服务器实现Ajax请求跨域(vue-cli)
  • 【数据分析】上市公司半年报数据分析
  • ListenableFuture和countdownlatch使用example