Element UI Rate评分组件 (只读效果)
<el-table-columnprop=\"grade\"label=\"评级\"sortablewidth=\"170\"><template slot-scope=\"{row}\"><el-ratev-model=\"row.grade\":colors=\"[\'#99A9BF\', \'#F7BA2A\', \'#FF9900\']\"disabledshow-scoretext-color=\"#ff9900\"></el-rate></template></el-table-column>
在el-rate标签外面嵌套一层插槽template ,传递表格当前行的值,然后在v-model中绑定所需要的数据
- v-model 绑定值
- :colors 可以实现三种不同的颜色
- disabled 只读
- show-score 显示当前分数
- text-color 当前分数的颜色
如果不是只读效果的话可以用change事件通过v-model双向绑定然后传值,但是这个还没试验过