当前位置: 首页 > 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/news/108519.html

相关文章:

  • 工程建筑模板厂家货源,酚醛胶镜面胶合板实用型
  • 矩阵特征值与特征向量的理解
  • 深度强化学习用于博弈类游戏-基础测试与说明【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
  • mac 安装homebrew ,golang
  • 基于单片机16位智能抢答器设计
  • 圆锥面积 题解
  • 汇总下之RobotFramework自动化框架的系列文章
  • 计网强化
  • RSA ——Rational Structure Architecture r入门教程
  • 360智慧生活旗舰产品率先接入“360智脑”能力实现升级
  • AI:40-基于深度学习的森林火灾识别
  • SparkStreaming【实例演示】
  • Kotlin协程核心理解