RadioList 使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
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} /> //将数据传入组件