area-selector 使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
npm run build (生产环境打包)
base-button参数
{
data: AreaData,
isSingleSelect: false, //单多选
totalCount: 99, // 可选总数
allLevelDisplay:true, //是否显示所有级别,默认true
allowContainsChildren: true, // 选中父级默认选中子集,且子集无法取消勾选,仅在多选状态下生效
hiddenTip:false, //ToolTip的hidden字段,默认false
sideTip:false, //ToolTip的side字段,默认false
defaultResults: [ // 默认选中
{
name: '全国',
id: 1
},
{
id: 3702,
name: '青岛市'
}
],
sureClick: function (data) {
console.log(data);
},
cancelClick: function () {
console.log(11)
}
}
base-button调用方法
1.安装npm组件包
npm install @beisen/area-selector --save-dev
2.引用组件
import AreaSelect from "@beisen/area-selector"
-
传入参数
该参数为上述参数,传入方式使用: {...参数}
class Demo extends Component{ render () { const _data = { data: AreaData, isSingleSelect: false, totalCount: 99, defaultResults: [ { name: '全国', id: 1 }, { id: 3702, name: '青岛市' } ], sureClick: function (data) { console.log(data); }, cancelClick: function () { console.log(11) } } return ( <div> <App {..._data}/> </div> ) }
} render(, document.getElementById('content')) ```