zoukankan      html  css  js  c++  java
  • elementUI单选框按钮样式

    elementUI 单选框按钮样式,用el-radio-group标签嵌套着el-radio-button,就是单选框的按钮样式

    可以通过size属性,指定单选框按钮的大小,size属性可选的值有medium,small,mini

    el-radio-button的其他用法和el-radio一样

    例子:

    <template>
    <div>
      <el-radio-group v-model="radio" @change="getValue()" size="mini">
        <el-radio-button v-for="(item,i) in items" :key="i" :label="i" :disabled="item.disabled">{{item.content}}</el-radio-button>
      </el-radio-group>
    </div>
    </template>
    <script>
    export default {
      name: "HelloWorld",
      data () {
        return {
          radio:0,
          items:[
            {id:0,content:"选项一",disabled:false},
            {id:1,content:"选项二",disabled:true},
            {id:2,content:"选项三",disabled:false},
          ]
        };
      },
      methods: {
        getValue(){
          console.log(this.radio)
        }
      },
    }
    </script>
    <style lang="css" scoped>
    </style>
  • 相关阅读:
    zTree学习笔记之展开树和收起树
    添优--史上超级全面的前端面试题大集合
    springboot2.0整合jpa
    Idea快捷键
    实用工具收藏
    nginx
    SQLServer锁的机制
    centos安装jenkins
    java8
    前端开发收藏
  • 原文地址:https://www.cnblogs.com/luguankun/p/11623900.html
Copyright © 2011-2022 走看看