<template>
<div>
<nut-cell @click-cell="clickEvent('isVisible')" title="选择" :desc="selectValue?selectValue:'请选择'" :show-icon="true"></nut-cell>
<nut-picker
:is-visible="isVisible"
:list-data="listValueData"
title="请选择"
:default-value-data="selectValue?[selectValue]:null"
@close="switchPicker('isVisible')"
@confirm="setChooseValue">
</nut-picker>
</div>
</template>
<script>
export default {
name: 'picker',
data () {
return {
isVisible: false,
selectValue: '',
listValueData: [],
listData: []
}
},
created () {
this.listData = [{
label: '选项一',
value: 1
}, {
label: '选项二',
value: 2
}, {
label: '选项三'
NutUI拾取器Picker
最新推荐文章于 2024-04-21 22:54:40 发布