element ui表格中根据某列的值判断操作栏里面的按钮显示隐藏

news/2024/7/10 3:14:41 标签: elementui, vue, vue-cli3, html, 前端

效果图:在这里插入图片描述
这里我上通过审核意见那列的值判断操作里面的审核按钮的显示隐藏。
首先审核意见那列后台给我返回的是A、B、null三种值,然后我再将这三种值转换为已驳回、已通过、未审核。三个中文显示在页面上。
这个是通过 :formatter属性改的,前面有讲过就不细讲了。然后如果是已通过或者已驳回审核按钮都不显示,只有是未审核的情况下才会显示审核按钮。
看代码:
核心代码:
slot-scope="scope"
v-if="scope.row.yzdb01D290 ==null?true:false"
HTML:

html">   <el-table-column 
	   prop="yzdb01D290" 
	   label="审核意见" 
	   :formatter="shyj" 
	   fixed="right"
   ></el-table-column>
   <el-table-column 
	   label="操作" 
	   width="120" 
	   fixed="right">
   <!-- eslint-disable-next-line -->
   <template slot-scope="scope">
    <el-button 
	    type="text" 
	    v-if="scope.row.yzdb01D290 ==null?true:false" 
	    size="small" 
	    style="color:red" 
	    data-toggle="modal" 
	    data-target="#review" 
	    @click="deitstimes"
    >审核</el-button>
   </template>
</el-table-column>

没了,结束了,是不是很简单呐
最后:如果此篇博文对您有帮助,还请动动小手点点关注点点赞呐~,谢谢 ~ ~


http://www.niftyadmin.cn/n/734858.html

相关文章

微信小程序 - 文本框显示限制最大长度

wxml 1 <view classtextarea-count> 2 <textarea placeholder请输入文字 bindinput"getWords" maxlength{{maxTextLen}}></textarea> 3 <view classtext-count-display f f-end>{{textLen}}/{{maxTextLen}}</view> 4 </view>…

vue前端通过Base64加密解密

效果图&#xff1a; 方法&#xff1a; 1.下依赖 cnpm i js-base64 --save //没有淘宝镜像就用npm&#xff0c;一样的&#xff0c;就是下载慢点而已2.在需要的地方引入 //在单个页面引入 let Base64 require(js-base64).Base64; let str"哈哈哈"; console.log(Base…

js产生任意2个区间内的随机整数

var code myFunction(30,100); function myFunction(begin,end){ var num Math.round(Math.random()*(end-begin)begin); return num; }转载于:https://www.cnblogs.com/feiwenstyle/p/9585528.html

vue-amap添加某个省市县区的边界线,添加某个省市县区的行政区划

效果图 基础步骤我这里就不过多介绍了&#xff0c;大家可以去看文档&#xff1a;vue-amap文档或者vue-amap官网 实现步骤思路&#xff1a; 百度上都是一个省整的&#xff0c;没有往下分&#xff0c;或者是一个市&#xff0c;县整的&#xff0c;都没有往下分级。既然没有&#x…

vue-amap动态循环添加多个点,点击点出现弹窗信息

效果图&#xff1a; 思路&#xff1a;通过后端的接口数据循环遍历出点的经纬度、弹窗信息&#xff0c;依次push进一个空的数组&#xff0c;最后将这个数组赋值给data里面定义的变量。 话不多说上代码&#xff1a; HTML <el-amap-markerv-for"marker in markers"…

【leetcode】564. Find the Closest Palindrome

题目如下&#xff1a; 解题思路&#xff1a;既然是要求回文字符串&#xff0c;那么最终的输出结果就是对称的。要变成对称字符串&#xff0c;只要把处于对称位置上对应的两个字符中较大的那个变成较小的那个即可&#xff0c;假设n1234,1和4对称所以把4变成1&#xff0c;2和3对称…

构建一个运行在Azure虚拟机上的MySQL Spring Boot应用程序

\关键要点\\从GitHub中获取一个简单的Spring Boot Java应用程序。\\t将应用程序连接到Azure MySQL数据库服务。\\t在Azure上配置一个运行WildFly的Linux VM。\\t将示例应用程序部署到WildFly服务器。\\\最近&#xff0c;我被要求构建一个在WildFly应用程序平台上运行的演示网站…

通过单击按钮实现全屏、退出全屏

没什么好说的&#xff0c;看代码 HTML <el-button size"mini" type"success" click"intScreen">全屏显示</el-button> <el-button size"mini" type"success" click"outScreen">退出全屏</e…