vue根据条件显示字段

<template><main-area :title="title"class="fullfill":buttonArray="buttonArray"><div class="info-content left-right-padding-percent-10">你已签约的卡号</div><div class="table-demo"><YTable :data="tableData":pagination="pagination"><el-table-column label="卡号"align="center"prop="BankAcc"/><!--0-正常1-解约2-被换卡--><el-table-column label="状态"align="center"prop="Status"><template slot-scope="scope"><span v-if="scope.row.Status == 0">正常</span><span v-if="scope.row.Status == 1">解约</span><span v-if="scope.row.Status == 2">被换卡</span></template></el-table-column></YTable></div><div class="info-content left-right-padding-percent-10 ">你本次签约的银行卡号</div><div class="info-content left-right-padding-percent-10 ">{{pageData.Tran_BankAccount}}</div></main-area></template><script>require('@/styles/stm/index.scss')export default {components: {},data() {return {buttonArray: [{}, {}, {}, {}, {}, {}, {}, {}],title: '',pageData: {Tran_BankAccount: ''},tableData: [],pagination: {total: 2,pageSize: 10,currentPage: 1,mode: "all"},}},methods: {_getDataPool() {let tableDataString = parent.MARS.getDataPoolValue("Tran_CardStatusDetail");this.tableData = tableDataString == "" ? this.tableData : JSON.parse(tableDataString);//TODOthis.pagination.total = this.tableData.total;this.pagination.mode = "page";this.pagination.currentPage = 1;}},created() {//查询理财签约结果集合this._getDataPool();//本次签约的银行卡号this.pageData.Tran_BankAccount = parent.MARS.getDataPoolValue("Customer_Account");let messages = this.$i18n.messages;this.buttonArray = [//F1{},//F2{},//F3{},//F4{},//F5{},//F6{},//F7{},//F8{show: true,text: {zh: messages.zh.main.btn.confirm,en: messages.en.main.btn.confirm,},setStyle: "end"}]this.buttonArray = [...this.buttonArray]},mounted() {},watch: {}}
</script><style lang="scss" scoped>.info-content {text-align: center;font-size: 35px;}
</style>>

vue根据条件显示字段相关推荐

vue 不同条件展示不同页面_vue根据条件不同显示不同按钮的操作
我就废话不多说了,大家还是直接看代码吧~ 下架已下架补充知识:vue 过滤器之根据不同的类型渲染不同的字段本文旨在分享如何利用vue过滤器,实现简单.高效的对同一个字段不同的字段值,渲染出不同的 ...
asp.net怎么实现按条件查询_Display Posts : 按条件显示WordPress文章的最强插件
转自丘壑博客 WordPress本质上是一个内容管理系统(CMS),是显示.创建.发布和维护内容的软件. 本文介绍的插件 Display Posts 主要就是用来扩展WordPress关于显示内容这部 ...
SQL性能优化-查询条件与字段分开执行，union代替in与or，存储过程代替union
PS:概要.背景.结语都是日常"装X",可以跳过直接看优化历程环境:SQL Server 2008 R2.阿里云RDS:辅助工具:SQL 审计概要一个订单列表分页查询功能,单 ...
vue隐藏浏览器_一分钟学会Vue的条件渲染和列表渲染
介绍之前一段时间由于工作很忙,没有时间继续学习Vue,今天算是继续对之前的学习进行补充了,今天要学习的便是Vue的条件渲染和列表渲染,我们将讨论if.if-else.if-else-if,show等 ...
在vue中引入css,详解在Vue中有条件地使用CSS类
详解在Vue中有条件地使用CSS类 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了详解在Vue中有条件地使用CSS类,编程之家小编觉得挺不 ...
外连接就是允许不满足条件的字段查询出来
外连接就是允许不满足条件的字段查询出来转载于:https://www.cnblogs.com/classmethond/p/10129069.html
[20170508]listagg拼接显示字段.txt
[20170508]listagg拼接显示字段.txt --//记得前一阵子,要给表增加一个字段,并赋值.采用表在线重定义.要使用函数dbms_redefinition.start_redef_tab ...
Vue之条件渲染v-if和v-show
简介主要介绍vue的条件渲染的两个指令语法v-if和v-show. <!DOCTYPE html> <html lang="en"> <head&g ...
Visio 2007中进行数据库建模时如何显示字段类型以及概念名称
关于在VISIO中进行数据库建模时如何显示字段类型,以及注释的 1 如何显示字段类型: 在visio菜单上--->点击数据库--->选项--->文档打开后选择表这项,在上 ...

vue根据条件显示字段

vue根据条件显示字段相关推荐

最新文章

热门文章