代码先锋网 代码片段及技术文章聚合

uniapp picker选择器

技术标签: uni-app

uniapp picker选择器

<template>
	<view>
		<picker @change="examinationType" :value="index" :range="list" range-key="name">
			<view style="padding: 20rpx;background-color: white;">{{typeSelect}}</view>
		</picker>
	</view>
</template>

<script>
	export default {
		data:function() {
			return{
				list:["中国","美国","日本"],
				index:0,
				typeSelect:"",
			}
		},
		methods:{
			examinationType:function(e) {
				this.index= e.target.value;
				this.typeSelect = this.list[this.index]
			},
		}
	}

</script>
版权声明:本文为qq_42695727原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42695727/article/details/120324486

智能推荐

picker选择器

普通选择器: mode = selector 属性 类型 默认值 说明 Range Array / Object Array 0 mode=selector时,range有效 range-key String 当range是一个Object时,通过range-key来指定Object中key的值作为选择0器显示内容 Value Number 0 value的值表示选择了rangezh中的第几个 B...

uniapp双向绑定switch开关选择器

uni中switch的checked属性只会在页面初始加载时有效,后来在手动修改时,并不更新视图。可以借鉴vue中的this.$set思想,将checked属性绑定的值封装成对象。...

关于uniapp的多列选择器

uniapp的picker组件 它的值如果是个对象数组的话怎么办 三级联动为例...

uniapp-省市区地区选择器

uniap地区选择器 之前在网上借鉴其他大佬的组件,用的时候发现点问题,地址对不上,后面又重新搞了个文件,做了点改动 data.js 链接: https://pan.baidu.com/s/1FlN7qHiiL_NFU94f9nnIYg. 提取码: 95sh pickerAddress.vue 使用组件的方法...

猜你喜欢

小白的 uniapp 日常(日期选择器)

关于日期选择器使用的是 uniapp 原生组件 picker 只需根据官方文档把 picker 的 type 属性设置为 date 即可 日期选择器的基础逻辑问题 开始日期不能晚于结束日期 毕竟如果开始的时间比结束的日期晚了 就成了都已经过了结束日期了 你还没有开始 这种情况在计算机逻辑上不通过 结束的日期不能早于开始日期 如果结束的比开始的早 就成了典型的还没开始就已经结束了 这种情况是在计算机...

uniapp获取选择器id的信息

//获取id选择器的信息...

uniApp的page选择器无效问题

   试了一些方法都没用,仔细看了看,因为默认的这个带着!important ,,自己写的也加个 !important 就行 ,    如果还不好使看看你的style是不是带着scoped ; 写个不带的style标签...