uniapp中获取自定义picker值的内容

candyy5

已于 2024-04-25 12:20:42 修改

阅读量3.5k

点赞数 4

文章标签： uni-app 前端

于 2021-03-19 10:55:34 首次发布

本文链接：https://blog.csdn.net/candyy5/article/details/115001319

版权

<view class="uni-list-cell-left">
请选择
</view>
<view class="uni-list-cell-db">
	<picker @change="leaveTypeChange($event,leaveTypeList)" :value="leaveTypeIndex" :range="leaveTypeList"
	 :range-key="'leaveTypeName'">
		<view class="uni-input">{{leaveTypeList[leaveTypeIndex].leaveTypeName}}</view>
	</picker>
</view>

data() {
	return {
		leaveTypeList:[
			{leaveTypeName: "年假"},
			{leaveTypeName: "事假"},
			{leaveTypeName: "病假"},
			{leaveTypeName: "其他"}
		],
		leaveTypeIndex:0,
},
methods:{
	leaveTypeChange: function(e,storage) {
		this.leaveTypeIndex = e.target.value
		this.leaveTypeData = storage[this.leaveTypeIndex].leaveTypeName	// 这里就是选中的文字内容
	},
}
}