vue 根据条件设置按钮的隐藏与显示_请求接口 拿到数据 根据数据判断 这个按钮隐藏显示-程序员宅基地

技术标签: # Vue 2.x  

通过从后台获取的字段的值来控制按钮的显示与隐藏

首先,用 v-if 绑定 isNeedAudit,根据其值为 true 或者 false 来控制按钮的显示与隐藏:

<el-button v-if="isNeedAudit"
             size="mini"
             type="warning"
             round
             plain
             @click="auditTask">
     {
    {
     $t('common.audit') }}
</el-button>

在 data 中初始化 isNeedAudit 的值:

data() {
    
    return {
    
      isNeedAudit: false
    }
}

created 钩子函数中请求后台接口:

 created() {
    
    this.queryParam()
 }

methods 中实现请求接口的方法,将后台获取的值赋给 isNeedAudit:

// 查询taskNeedAudit参数的paramvalue
    async queryParam() {
    
      try {
    
        const param = {
    
          name: 'taskNeedAudit'
        }
        const res = await paramsApi.getVal(param)
        if (res == 'true') {
    
          this.isNeedAudit = true
        } else {
    
          this.isNeedAudit = false
        }
        console.log('是否需要审核', this.isNeedAudit, typeof this.isNeedAudit)
      } catch (e) {
    
        this.Message(e, 'error')
      }
    }

需要注意的是,从后台获取的 res 为 string 类型,而 isNeedAudit 需要为 Boolean 类型才可以,所以需要处理一下。

如下,当 isNeedAudit 为 true 时,显示“审核”按钮:
在这里插入图片描述
当isNeedAudit为false时,隐藏“审核”按钮。
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/HH18700418030/article/details/102495438

智能推荐

Web服务器压力测试工具http_load、webbench、ab、Siege使用教程-程序员宅基地

文章浏览阅读474次。一、http_load程序非常小,解压后也不到100Khttp_load以并行复用的方式运行,用以测试web服务器的吞吐量与负载。但是它不同于大多数压力测试工具,它可以以一个单一的进程运行,一般不会把客户机搞死。还可以测试HTTPS类的网站请求。下载地址:http://soft.vpser.net/test/http_load/http_load-12mar2006.t

端口被占用 更改端口_通用事件接收端口更改-程序员宅基地

文章浏览阅读913次。通过命令指定端口:> 命令后面追加 -Dhttp.port=端口号_通用事件接收端口更改

iOS/Android SQLite 全文检索——FTS (Full Text Search)_sqlite fts 实现原理-程序员宅基地

文章浏览阅读9.8k次,点赞6次,收藏17次。前言我们的APP部分功能为了满足用户离线使用搜索的场景,使用了内置SQLite数据库的方式,随着内容的日益丰富,数据库记录快速增多,导致搜索速度明显变慢,为了提升搜索速度,给我们的数据做了全文检索的支持,在3W+的数据下,搜索速度由原来的数秒提升至几十到几百毫秒(设备不同,搜索效率存在差别)。一、基本概念概述 全文检索是从文本或数据库中,不限定数据字段,自由地搜索出消息的技术。 运行全文检索任_sqlite fts 实现原理

ALSA声卡驱动中的DAPM详解之六:精髓所在,牵一发而动全身-程序员宅基地

文章浏览阅读135次。设计dapm的主要目的之一,就是希望声卡上的各种部件的电源按需分配,需要的就上电,不需要的就下电,使得整个音频系统总是处于最小的耗电状态,最主要的就是,这一切对用户空间的应用程序是透明的,也就是说,用户空间的应用程序无需关心那个部件何时需要电源,它只要按需要设定好音频路径,播放音频数据,暂停或停止,dapm框架会根据音频路径,完美地对各种部件的电源进行控制,而且精确地按某种顺序进行,防止...

repost:ubuntu16.04 耍帅快捷键_怎样用终端耍帅-程序员宅基地

文章浏览阅读202次。ubuntu16.04 耍帅快捷键https://blog.csdn.net/xiaoqu001/article/details/78721772 关于Firfox的:Ctrl + t : 新建标签(Tab)Ctrl + w : 关闭当前标签(Tab)Alt + F4 : 关闭当前窗口(也就是关闭了所有Tab)Ctrl + Shift + w : 关闭当前窗口(与Alt + ..._怎样用终端耍帅

UnityEffects(3)之闪电链_unity 闪电链-程序员宅基地

文章浏览阅读1.6w次,点赞14次,收藏48次。今天来分享一下Untiy中实现闪电链的方法,实际在项目中使用,效果不错。国际惯例:工程放在:https://github.com/aceyan/UnityEffects 使用unity5.4场景是Scene/(3)ChainLightning 使用了unity的lineRender来模拟闪电的效果: 主要功能都在UVChainLightning这个脚_unity 闪电链

随便推点

FPGA-超声波避障小车(ego1)_ego1测距-程序员宅基地

文章浏览阅读4k次,点赞11次,收藏65次。基于FPGA的超声波避障小车,利用ego1的100HZ时钟,我们可以自己定义不同占空比的PWM来控制电机的转速和舵机的角度,我们可以通过自己写计时器获得超声波来回所需的时间来测量距离,根据距离的远近返回来控制电机的转速以及舵机转动的角度,我们也可以加上openmv识别色块的功能,来模拟小车识别红绿灯控制小车的出发和停止。结合以上描述,我们可以通过FPGA来实现一个颜色控制启动和停止的利用超声波测距来避障的小车。如下图根据项目任务要求,我们可以大致把目标任务分为以下几点:1.利用计数..._ego1测距

某县农业网被挂马 Trojan.Win32.KillAV.bca/Trojan-Downloader.Win32.Geral.ix_trojan:win32/wacatac.a!ml-程序员宅基地

文章浏览阅读3k次。某县农业网被挂马 Trojan.Win32.KillAV.bca/Trojan-Downloader.Win32.Geral.ix endurer 原创2009-05-05 第1版 打开某县农业网,Maxthon提示要安装ActiveX控件。 检查网页代码,发现:/---<script src=hxxp://***.w**vg0**.cn></script>---/#1_trojan:win32/wacatac.a!ml

iOS UIScrollView内容向下偏移20问题处理_ios scrollview自己偏移了20-程序员宅基地

文章浏览阅读4.2k次。控制器已经设置好,仍旧偏移的话就要iOS11self.automaticallyAdjustsScrollViewInsets = NO;还有iOS11考虑// iOS 11 ScrollView if (@available(iOS 11.0, *)) { UIScrollView.appearance.contentInsetAdjustmentBehavio..._ios scrollview自己偏移了20

异步FIFO设计_4.4 fifo控制模块逻辑设计-程序员宅基地

文章浏览阅读1.9k次,点赞2次,收藏14次。目录1. 功能2. 架构2.1. 顶层模块 async_fifo参数描述2.2. 伪双口RAM dual_port_ram参数描述2.3. 写逻辑 wr_logic参数描述2.4. 读逻辑 rd_logic参数描述3. 时序4. 代码异步FIFO常用于实现多bit数据的跨时钟域传输。1. 功能可实现快到慢、慢到快的跨时钟域多bit数据传输,具体功能介绍如下:、● 可对FIFO深度、宽度进行参数化自定义● 能够实现数据的异步读写功能,且读出的数据是先入先出的顺序● 能够指示FIFO空、满状态。同_4.4 fifo控制模块逻辑设计

论文研读摘要之基金业绩评估及持续性研究结构详解_基金业绩持续性检验怎么做-程序员宅基地

文章浏览阅读1.4k次。一、A股私募基金起源1A股私募基金源自民间“代客理财”,2001年7000亿,2007年就达到1W亿。信托投资计划:即阳光私募。主流财经媒体及证券界所指的私募基金主要就是信托投资计划、券商集合理财、基金专户理财。详情参见《基金与私募基金概念解析:共同基金、单位信托、投资信托计划、券商集合理财、基金专户理财》1.1私募基金成因的制度性分析林毅夫(1988)研究中国农业家庭承包责任制..._基金业绩持续性检验怎么做

spaceclaim简单建模3_spaceclaim创建平面-程序员宅基地

文章浏览阅读3.3k次。继续前面两个建模,又多了一点领悟:​​​​​​spaceclaim简单建模_imastrid的博客-程序员宅基地spaceclaim简单建模2_imastrid的博客-程序员宅基地在画弯管的时候,尺寸最重要的应该是,竖管中心轴的位置,从图纸读出它离反应器中心轴距离是3450mm,和管的内径700mm。其它弯度不是很重要。当然如果知道横管的中心轴的位置也最好啦,我从图纸没读出来,所以就自己定一个。老师跟我说,先画竖管,再画横管,然后再把它们接起来。1. 从中心轴建一个平面,然后移动它到34_spaceclaim创建平面

推荐文章

热门文章

相关标签