el-table-column用if判断改变顺序解决办法

原因:

<el-table-column v-if="条件" label="列表需要改变的文字1" align="center" prop="本列参名" />

<el-table-column v-if="条件" label="列表需要改变的文字1" align="center" prop="本列参名" />

<el-table-column v-if="条件" label="列表需要改变的文字2" align="center" prop="本列参名" />

<el-table-column v-if="条件" label="列表需要改变的文字2" align="center" prop="本列参名" />

页面效果:改变的列会随机变换位置;

修改后的方法:

1.在条件的标签里面先添加@change="条件名Change"

2.列表需要改变的文字 定义变量名 既:<el-table-column :label="定义变量名" align="center" prop="本列参名" />

3.在export default{

data(){

return{

定义变量名: "写初始文字"

}}},

4.在methods:{定义方法} 既:

条件名Change(value){
  if(value === "0"){
    this.列表需要改变的文字1 = "姓名";
    this.列表需要改变的文字2 = "身份证号码"
  }else if(value === "1"){
    this.列表需要改变的文字1= "负责人";
    this.列表需要改变的文字2= "社会信用代码";
  }else{
    this.列表需要改变的文字= "姓名/负责人";
    this.列表需要改变的文字= "身份证号码/社会信用代码";
  }
  this.$set(this.写列表需要改变的文字方法中<el-table里面的:data="这个名字">
);
}

上一篇:Nginx专题(1):Nginx之反向代理及配置


下一篇:Data truncation: Data too long for column ‘content‘ at row 1(存大数据进数据库时报错)