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
## 功能介绍 |
|
- 简洁的车牌号选择组件（适用于 `移动端`） |
|
|
|
## 使用方法 |
|
- `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 | 确认选择车牌后触发 | |