首页 > 其他分享 >vue 前端页面绑定字典值

vue 前端页面绑定字典值

时间:2023-02-23 17:55:14浏览次数:31  
标签:vue return 绑定 list actions key 页面 datas 字典

<div>{{ formatList(1) }}</div>   methods: {     // 回显数据字典     selectDictLabel (datas, value){       var actions = [];       if(datas!=null){         Object.keys(datas).map((key) => {         if (datas[key].referenceType ==  value) {           actions.push(datas[key].referenceValue);           return false;         }       });       }       return actions.join('');     },       //使用回显数据字典的方法     formatList (row) {       let list=[]       list=this.nyData.briefingReferenceList;       return this.selectDictLabel( list, row);     } }

标签:vue,return,绑定,list,actions,key,页面,datas,字典
From: https://www.cnblogs.com/hxd9588/p/17148936.html

相关文章

  • vue大回顾
    vue大回顾1前端发展史 -react,vue--》前端工程化---》前后端分离-大前端:flutter,uni-app2Vue介绍 -读音,单页面应用(spa),组件化开发,mvvm架构-Vue版本问题:vu......
  • uniapp vue3 setup开发笔记
    uniappvue3setup写法中使用onload,onshow等生命周期首先通过这种方式引入import{onShow,onHide,onLoad}from"@dcloudio/uni-app"和vue3普通生命周期一样的使用......
  • vue 中对监听esc事件,退出全屏的问题解决
    vue的项目中使用了h5的全屏API,在使用esc键退出全屏时,默认调用“document.exitFullScreen()”直接退出,想要做监听并设置业务,需要监听屏幕size变化来出发事件mounte......
  • 在vue中使用threejs,建3D图
    前言:记录在vue中使用threejs步骤:一、安装npminstallthree--save安装完成如下图:二、引入//引入threejs核心模块import*asTHREEfrom"three"//引入Orbi......
  • Vue+Openlayers 试手(待更新)
    选用Vue2.0+Webpack+Openlayers。参考链接:https://blog.csdn.net/qq_43274430/article/details/102580903官方文档API(v6.15.1):https://openlayers.org/en/v6.15.1/apidoc......
  • vue中页面加载进度条效果的实现
    我们在vue项目中,为了减少首屏加载的时间,通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。然而,路由懒加载会使得我们在第一次打开一......
  • WPF BackSpace 回退到上一个页面
    在Wpf程序中,有时候点击到某些控件后,再按下【BackSpace】键,画面会回到上一个TextBox可能自己处理了,所以没有这一个现象。 解决方案是:在App.xaml.cs的InitializeCompo......
  • SAP UI5 的数据绑定语法概述
    在SAPUI5中,bindingSyntax(绑定语法)是指用于数据绑定的表达式语法。绑定语法用于将数据源中的数据与控件、模型或其他可管理对象的属性或聚合进行绑定,实现动态展示和更新......
  • 购物车案例、v-model进阶、与后端交互、vue生命周期、vue组件
    购物车案例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="https://cdn.bootcdn.net/ajax/libs/jquer......
  • vue基础:vue3 介绍、vue3 创建项目、vue2和vue3的一些区别、ref和reactive、计算属性和
    目录一、vue3介绍1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性5组合式API和配置项API5.1OptionsAPI存在的问题5.2CompositionAPI的优势5.3组合式API和配置......