首页 > 其他分享 >vue 计算属性(computed)传参---使用内嵌方法的方式传参

vue 计算属性(computed)传参---使用内嵌方法的方式传参

时间:2022-11-09 14:01:22浏览次数:41  
标签:传参 内嵌 vue computed --- let 计算

//计算容器是否配置权限
    showAuth(){
      //注意:全局变量必须在方法外面引用(变量改变之后重新触发计算事件),不然变量改变无法触发计算
      let auths=this.fieldAuths;
    
     //内嵌方法带参数
      return function(val) {
        //具体计算操作
        let flag=false;
        if(auths){
          for(let i=0;i<auths.length;i++){
            if(auths[i].fieldId===val.id){
              flag=true
              break
            }
          }
        }
        return flag
      }
    },          

 

标签:传参,内嵌,vue,computed,---,let,计算
From: https://www.cnblogs.com/maxt-016/p/16873386.html

相关文章

  • vue—解决“You may use special comments to disable some warnings. Use // eslint-
    错误描述:启动vue项目的时候,出现Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-lineto…  错误原因ESLint对语法的要求过......
  • vue3-组合式api-provide/inject
    provide/inject适用于跨级通信,例如在父组件中改变值,在孙组件中通过依赖注入的方式能获取到父组件中改变的这个值一、父组件<template> <div>  <!--子组件-->......
  • vs code+uniapp+vue3+vite+typescript+pinia开发
    //–save-dev会把eslint安装到package.json文件中的devDependencies属性中,仅开发时用到,生产不需要npminstalleslint--save-dev//https://eslint.bootcss.co......
  • vue默认端口号(port:8080)修改
    工作中可能存在启动多个项目的时候,默认端口号会被占,导致启动错误,这种情况下把要启动的项目的端口号换掉,启动未用的端口就可以了,具体实现如下:一.vue-cli2方式1.vue-cli2......
  • Vue在线预览PDF(不需要安装插件)
    <template><divclass="app"><el-button@click="preview1">预览在线PDF</el-button><el-button@click="preview2">请求后端预览</el-button><el-dialog......
  • Vue在线预览word(需要插件)
    下载插件[email protected] npmijszip完整代码<template><divclass="app"><el-button@click="preview">预览</el-button><el-dialog......
  • Vue的Vue-ls使用
    Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storage一个vue封装的本地储存的方法。1.安装NPMnpminstallvue-ls--saveYARNyarnaddvue-ls2.......
  • 什么样的vue面试题答案才是面试官满意的
    Vue组件渲染和更新过程渲染组件时,会通过Vue.extend方法构建子组件的构造函数,并进行实例化。最终手动调用$mount()进行挂载。更新组件时会进行patchVnode流程,核心就......
  • 每日一题之Vue数据劫持原理是什么?
    什么是数据劫持?定义:数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。简单地说,就是当我们触发函数的时候动......
  • Vue技术之“关于sortable排序的使用”
    Vue关于sortable排序的使用方案1在使用sortable后要注意给el-table-column中加入prop="overdueDays"参数,不然会找不到需要排序的数据<el-table-columnprop="overdueDa......