标签:文字 el 需要 column value 列表 改变 table Change
原因:
<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="这个名字">
); }
标签:文字,el,需要,column,value,列表,改变,table,Change 来源: https://blog.csdn.net/weixin_51179995/article/details/121949275
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。