Vuex,iView UI面包屑导航使用扩展详解

时间:2021-05-26

本案例是基于Vuex的公共数据库,你在了解本案例之前要了解Vuex的使用方法。

https://puted: { ...mapState(['userDetail']), ...mapState( "account",['queryAgentMemberInfoList',]), tableColumns3 () { let columns = []; if (this.showCheckbox) { columns.push({ type: 'selection', align: 'center' }) } if (this.showIndex) { columns.push({ type: 'index', align: 'center' }) } columns.push({ title: '会员账号', sortable: true, render: (h, params) => { if (params.row.account === this.Account) { } return h('Span',{ props: { type: 'text' }, style: { color: '#4ca5e9', cursor: 'pointer' }, on: { // 这里还要对表格账号点击查询进行判断 click:()=>{ //同样的先判断账号数组里面有没有当前查询的账号,这里也是在没有的额情况下 if(this.accountList.indexOf(params.row.account)==-1){ //没有就将当前查询的账号添加到账号数组 this.accountList.push(params.row.account) } this.search(params.row.account); //查询函数 } } },params.row.account) } }); columns.push({ title: '账号名称', key: 'name' }); columns.push({ title: '彩票钱包余额', key: 'accountBalance', sortable: true }); columns.push({ title: '团队人数', key: 'childCount' }); columns.push({ title: '注册时间', key: 'create_Time', sortable: true, width: 200 }); columns.push({ title: '最后登录时间', key: 'last_LoginTime', sortable: true, width: 150 }); columns.push({ title: '下级总额', key: 'childAmount' }); return columns; }, }, watch:{ userDetail(){ this.search() } } }</script>

这里的代码不可以直接使用,但是方法都在,希望读者可以看懂。

以上这篇Vuex,iView UI面包屑导航使用扩展详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章