Vue-Rate评分组件的相关使用.

共院第一深情

已于 2023-06-03 14:23:11 修改

阅读量985

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Vue框架代码分享文章标签： vue.js javascript ecmascript

于 2023-06-01 23:56:07 首次发布

本文链接：https://blog.csdn.net/name_xy/article/details/130998221

Vue-Rate评分组件的相关使用:

基本用法（[ ] 内容为测试内容，可以按照自己代码修改）:

<el-rate
  v-modeal:[value(绑定数值)]
  disabled:[(组件是否可读,默认为:false)]
  :colors="colors"[(评分的组件颜色设置)]
  @change="Change"[(评分改变时触发该事件)]
    >
</el-rate>

<script>
    export default {
    name:"Test",
    data(){
      return{
        value:null,
        colors: ['#99A9BF', '#F7BA2A', '#FF9900']
      }
    },
methods:{
  Change(value) {
      console.log(value);
    }
}
</script>

更多详细: https://element.eleme.cn/#/zh-CN/component/rate (element官网关于Rate评分组件)

进阶用法（与Form表单相结合）：