selectPicker.vue 770 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <!-- 单列选择器 -->
  3. <u-select v-model="is_show" mode="single-column" :value_name="value_name" :label_name="label_name" :list="list" @confirm="confirm"></u-select>
  4. </template>
  5. <script>
  6. export default {
  7. props: {
  8. list: {
  9. default () {
  10. return []
  11. }
  12. },
  13. title: {
  14. default () {
  15. return ''
  16. }
  17. },
  18. value_name: {
  19. default () {
  20. return 'value'
  21. }
  22. },
  23. label_name: {
  24. default () {
  25. return 'label'
  26. }
  27. }
  28. },
  29. data() {
  30. return {
  31. is_show: false,
  32. }
  33. },
  34. methods: {
  35. show() {
  36. this.is_show = true
  37. // console.log(this.list)
  38. },
  39. hide() {
  40. this.is_show = false
  41. },
  42. confirm(e) {
  43. // console.log(e)
  44. this.$emit('vacChange', e)
  45. }
  46. },
  47. }
  48. </script>
  49. <style>
  50. </style>