原因:
<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="这个名字">
); }