先看看是不是想要的效果图： 如果是，请继续往下看，若不是，请立即关闭网页，不要耗费无用的时间在这。 是： 先说明下，作者采用的是vue+element UI技术，其实，实现起来非常简单，大家都知道表格中加按钮是如何加的，看下图： 注意：中的slot-scope，这才是重点。 通过它才能获取到该行的数据，如：编辑按钮–> 点击编辑获取编辑行的所有数据@click="worksiteEdit(scope.row,scope.$index)"，scope.row获取行所有数据，scope.$index获取索引，开始正题！！！ 我们正常写法是： 这样展示出来的只是文字版数据。
vue+element UI
slot-scope
@click="worksiteEdit(scope.row,scope.$index)"
改进代码：将prop="progress_percent" 改为:percentage="scope.row.progress_percent"，并把这条代码放在就可以了，:stroke-可以展示改变大小，color可以改变颜色
prop="progress_percent"
:percentage="scope.row.progress_percent"
:stroke-
color
如果是，请继续往下看，若不是，请立即关闭网页，不要耗费无用的时间在这。
注意：
这样展示出来的只是文字版数据。
京公网安备 11010802041100号