https://github.com/cromarmot/v2-nut-picker
Vue2 mobile/pc picker, Demo(https://eyqgw.csb.app/)
https://github.com/cromarmot/v2-nut-picker
mobile nutui picker vue vue2
Last synced: 12 months ago
JSON representation
Vue2 mobile/pc picker, Demo(https://eyqgw.csb.app/)
- Host: GitHub
- URL: https://github.com/cromarmot/v2-nut-picker
- Owner: CroMarmot
- License: mit
- Created: 2020-08-24T08:59:32.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-13T09:10:14.000Z (about 5 years ago)
- Last Synced: 2024-10-29T15:47:10.540Z (over 1 year ago)
- Topics: mobile, nutui, picker, vue, vue2
- Language: Vue
- Homepage: https://cromarmot.github.io/v2-nut-picker/
- Size: 655 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# v2-nut-picker
vue2 mobile picker components modified based on nutui.
[](https://travis-ci.com/cromarmot/v2-nut-picker)
[](https://www.npmjs.com/package/@cromarmot/v2-nut-picker)
[](https://www.npmjs.com/package/@cromarmot/v2-nut-picker)
[](https://github.com/cromarmot/v2-nut-picker/blob/master/LICENSE)
[](https://github.com/cromarmot/v2-nut-picker/pulls)
[](https://github-tools.github.io/github-release-notes/)
## Demo
- [codesandbox.io](https://codesandbox.io/s/late-glade-eyqgw?file=/src/App.vue)
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)
## Introduction
基于: https://github.com/jdf2e/nutui 修改
修改了一点 typo
index 下标从 1 开始改为从 0 开始
考虑到 vue 的`$event` 只能把 emit 的首个参数处理掉，因此所有 emit 改为单个 emit 参数
去掉了没有必要的 把 index 向子组件传递再传回给父组件的动作
增加了 pc mouse 事件支持
修复了 异步取值的一致性问题
## Features
Removed the title confirmation and cancel button, so you can use this components anywhere you want.
Optimize the part of the code written and fix some typo.
Add warning message in development environment.
Support mouse event on PC
## Install
`yarn add @cromarmot/v2-nut-picker`
## Usage
```
import V2NutPicker from '@cromarmot/v2-nut-picker'
export default {
components: { V2NutPicker },
data() {
return {
listData: [
['2020-01', '2020-02', '2020-03', '2020-04', '2020-05', '2020-06', '2020-07'],
['2020-01', '2020-02', '2020-03', '2020-04', '2020-05', '2020-06']
],
defaultValue: [
'2020-01',
'2020-02'
]
}
},
methods: {
choose({ self, index, value, changeValueData }) {
console.log(index, value, changeValueData)
if (index === 0) {
if (value > changeValueData[1]) {
self.updateChooseValue(self, 1, value)
}
} else if (index === 1) {
if (value < changeValueData[0]) {
self.updateChooseValue(self, 0, value)
}
}
}
}
}
```
## Links
- [docs](https://cromarmot.github.io/v2-nut-picker/)
## Contributing
For those who are interested in contributing to this project, such as:
- report a bug
- request new feature
- fix a bug
- implement a new feature
Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).
## Contributors
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
## License
[MIT](./LICENSE)
# Based on
https://github.com/FEMessage/vue-sfc-cli
https://github.com/jdf2e/nutui
https://github.com/jdf2e/nutui/tree/v2-dev/src/packages/picker