Element-ui Radio 单选框

Element-ui Radio 单选框

原文链接：https://note.noxussj.top/?source=sifo

在一组选项中进行单选

---

按需引入方式

如果是完整引入可跳过此步骤

import Vue from 'vue'
import { Radio, RadioGroup } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/radio.css'
import 'element-ui/lib/theme-chalk/radio-group.css'

Vue.use(Radio)
Vue.use(RadioGroup)

---

基础使用

适用于选项过少的情况下，若选项过多建议使用 Select 选择器。

     选项 A 
     选项 B 



export default {
    data() {
        return {
            radio: '1'
        }
    }
}

---

禁用状态

     选项 A 
     选项 B 



export default {
    data() {
        return {
            radio: '1'
        }
    }
}

---

单选框组

适用于多个场景中使用

    
        选项 A
        选项 B
    



export default {
    data() {
        return {
            radio: '1'
        }
    }
}

---

Radio Attributes

---

原文链接：https://note.noxussj.top/?source=sifo

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 14.8 Socket 一收一发通信

通常情况下我们在编写套接字通信程序时都会实现一收一发的通信模式，当客户端发送数据到服务端后，我们希望服务端处理请求后同样返回给我们一个状态值，并以此判断我们的请求是否被执行成功了，另外增加收发同步有助于避免数据包粘包问题的产生，在多数开发场景中我们都会实现该功…