Search使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
npm run build (生产环境打包)
Search参数
const props = {
placeholder: '搜索',
iconName: 'sys-icon-sousuo',
value: '111',
active: false,
hidden: false,
readonly: false,
disabled: false,
readonly:false,
useInputPlaceHolder:false,
onClick: function (val) { console.log(val) },
onBlur: function (val) { console.log(val) },
onFocus: function (val) { console.log(val) },
onChange: function (val) { console.log(val) },
onKeyDown: function (val) { console.log(val) }
}
Search调用方法
1.安装npm组件包
npm install @beisen/search --save-dev
2.引用组件
import Search from "@beisen/search"
- 传入参数
该参数为上述参数,传入方式使用: data={参数}
state= {
SearchData :{
"placeholder":"搜索"
,"iconName":"icon-sousuo"
,"value":""
,"active":true
,"hidden":false
,"readonly":false
,"disabled":false
,"onClick":function(val){console.log(val)}
,"onBlur":function(val){console.log(val)}
,"onFocus":function(val){console.log(val)}
,"onChange":function(val){console.log(val)}
}
}
render () {
return (
<Search {...this.state.SearchData} />
)
}