<el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="deleData" width="825px" :show-close="false" top="0vh" custom-class="center-dialog" :modal-append-to-body="false">
</el-dialog>
组件的mounted只触发一次,只能在第一次点击打开对话框时生效,需要加上 v–if=”deleData”
切换组件时,el-table会有闪现的情况,视觉体验很不好,给 el-table 添加一个key值,标记为不同的table即可解决
//template部分
<el-table :data="tableData" class="table" :key="tableKey" :header-cell-style="{ 'background': '#F4F4F4', 'font-size': '16px','font-weight': '400', 'color': '#37474F' }" :row-style="{'color': '#688696'}" highlight-current-row>
</el-table>
script部分
data(){
return{
tableKey:0,
}
}
methods:{
//切换组件时改变key值
changeTab(n){
if(n == 0){
this.tableKey = 0
}else{
this.tableKey = 1
}
},
}
原文地址:https://blog.csdn.net/m0_65835778/article/details/128875127
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_27372.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。