ux-ethos-radiogroup

--- Category:Components Subtitle:按钮 Type:通用 Title:RadioGruop ---

Usage no npm install needed!

<script type="module">
  import uxEthosRadiogroup from 'https://cdn.skypack.dev/ux-ethos-radiogroup';
</script>

README

Category:Components
Subtitle:按钮
Type:通用
Title:RadioGruop

描述

这就是一个单选组操作

何时使用

当你需要某个单选组的时候可能会需要到这个组件

API

 callback = (e)=>{
     console.log(e)
 }

 let data = [
     {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座处女座'},
    ]
    //哈哈这里数据我多写一点，要不怎么能体现出组呢，，
    //这里的data详情请参考组件ux-ethos-radio
    //回调中的这个e就是返回给你选中的第几个啊

 <Radiogroup data = {data} callback = {this.callback}/>

按钮的属性说明如下：

属性 说明 类型 默认值
text 这就是单选按钮对应的文字啊 string 默认参数
ischecked 这个参数是判断是不是被选中了如果是则值为 true bool false
isgroup 这个参数是新添加的判断是否随props的改变而改变组件的状态，如果判断为是则值为 true bool false
disabled 这个参数是选择按钮是否是可点击的。如果不可点击则为 true bool false
callback 点击的时候触发的参数 function ---

参数的容错处理