You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.4 KiB
44 lines
1.4 KiB
9 months ago
|
## 功能介绍
|
||
|
|
- 简洁的车牌号选择组件（适用于 `移动端`）
|
||
|
|
|
||
|
|
## 使用方法
|
||
|
|
- `uni_modules` 方式
|
||
|
|
1. 点击右上角的 `使用 HBuilder X 导入插件` 按钮直接导入项目或点击 `下载插件 ZIP` 按钮下载插件包并解压到项目的 `uni_modules/vehicle-code` 目录下
|
||
|
|
2. 在需要使用页面的 `(n)vue` 文件中添加
|
||
|
|
```html
|
||
|
|
<!-- 不需要引入，可直接使用 -->
|
||
|
|
<vehicle-code ref="child" @changes="confirms" :codeList="cardList"/>
|
||
|
|
<!-- 按钮触发 -->
|
||
|
|
<!-- vehicleCode:车牌号（可选项） -->
|
||
|
|
<!-- index:指定选中下标高亮 -->
|
||
|
|
<button type="primary" @click="$refs.child.checkcart(vehicleCode, index)"></button>
|
||
|
|
```
|
||
|
|
```javascript
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
cardList:[],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
confirms(e){
|
||
|
|
//e 获取返回车牌号
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
```
|
||
|
|
3. 需要更新版本时在 `HBuilder X` 中右键 `uni_modules/vehicle-code` 目录选择 `从插件市场更新` 即可
|
||
|
|
|
||
|
|
## 组件属性
|
||
|
|
|
||
|
|
| 属性 | 类型 | 默认值 | 说明 |
|
||
|
|
|:---:|:---:|:---:|---|
|
||
|
|
| title | String | '例如：车牌号' | 弹框标题 |
|
||
|
|
| mask | Boolean | false | 蒙板点击是否关闭弹窗 |
|
||
|
|
| codeList | Array | [] | 默认35个省车牌号（新增台） |
|
||
|
|
|
||
|
|
## 组件事件
|
||
|
|
|
||
|
|
| 名称 | 触发时机 |
|
||
|
|
|:---:|---|
|
||
|
|
| changes | 确认选择车牌后触发 |
|