假设你表格的列数是根据返回列表的数量控制的,需要每列都一样宽,那么每列的宽度就不能写死,需要一个动态的值来控制宽度,我们不能直接在样式中将宽度除以返回值的length,可以将这个结果先在computed中计算出来,页面中直接调用即可
computed:{
// 根据组的数量变化宽度,这里的方法名表示为动态宽度
groupWidth(){
const style = {}
//这里90是表格内容部分占整个表格的90%,前面的序号占据10%,这里保留了一位小数
style.width = (90 / this.item.groups.length).toFixed(1) +'%';
return style
}
},
<colgroup style="width:10%" t="序号"></colgroup>
<colgroup :style="groupWidth" t="组名称"></colgroup>
如果你是需要根据两个返回的数据来动态计算完成进度的宽度,可以看我的另一条博客:根据后端返回值在前端动态做出进度条样式
喜欢的童鞋点个赞 啊哈哈,又来骗赞啦 (*︶ *)