@beisen-platform/radio-list

RadioList 使用说明

项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

RadioList 参数

  data:{
        hidden:false,
        disabled:true,
        required: true,
        hasRender: true,
        radioLabel: '测试测试测试测试',
        radioValue: '内容2',
        errorStatus:true, //是否报错
        errorMsg:"出错了~~~！", //报错信息
        helpMsg:"dqwdqw",
        sideTip:false ,//toolTip是否左右显示
        hiddenTip:false, //toolTip是否显示
        lablePos: true, //label位置，true时在左边，false在上边
        lableTxt: false, //label中文字对齐方式，true左对齐，false右对齐
        onClick:function(e,val){console.log(e,val)},
        onLabelClick: function(val){console.log(val)},
        radioItems: [
          {
            value: 0,
            bsStyle: true,
            isChecked: false,
            text: '内容0'
          },
          {
            value: 1,
            bsStyle: true,
            isChecked: false,
            text: '内容1',
          },
          {
            value: 2,
            bsStyle: true,
            isChecked: true,
            text: '内容2'
          }
        ]
      }

Radiolist 调用方法

1.安装npm组件包

npm install @beisen/radio-list --save-dev

2.引用组件

import RadioList from "@beisen/radio-list"

3.传入参数

data:{
        hidden:false,
        disabled:true,
        required: true,
        hasRender: true,
        radioLabel: '测试测试测试测试',
        radioValue: '内容2',
        errorStatus:true, //是否报错
        errorMsg:"出错了~~~！", //报错信息
        helpMsg:"dqwdqw",
        sideTip:false ,//toolTip是否左右显示
        hiddenTip:false, //toolTip是否显示
        lablePos: true, //label位置，true时在左边，false在上边
        lableTxt: false, //label中文字对齐方式，true左对齐，false右对齐
        onClick:function(e,val){console.log(e,val)},
        onLabelClick: function(val){console.log(val)},
        radioItems: [
          {
            value: 0,
            bsStyle: true,
            isChecked: false,
            text: '内容0'
          },
          {
            value: 1,
            bsStyle: true,
            isChecked: false,
            text: '内容1',
          },
          {
            value: 2,
            bsStyle: true,
            isChecked: true,
            text: '内容2'
          }
        ]
      }
      //定义传入组件的数据

使用组件

<RadioList {...this.state} /> //将数据传入组件