AI智能
改变未来

Element UI Rate评分组件 (只读效果)


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双向绑定然后传值,但是这个还没试验过

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Element UI Rate评分组件 (只读效果)