picker 的对象使用方法

一、html

<picker @change="bindChange“" :value="index" :range="array" range-key="name">
	<view class="uni-input">{{array[index].name}}</view>
</picker>

range-key:当array的值是一个对象时,通过range-key来指定Object中key的值作为选择器
二、javascript

data(){
	return{
		index:0;
		array:[
			{id:'1',name:'小燕子'},
			{id:'2',name:'紫薇'},
			{id:'3'',name:'五阿哥'},
			{id:'4',name:'尔康‘}
		],
		id:1// 选中的对象的id值
	}
},
methods:{
	//获取id
	bindChange(e){
		this.index = e.detail.value //获取选中的下标
		this.id = this.array[this.index].id //选中对象的id
	}
}
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
a-range-picker 是 CSDN 开发的一个组件,用于选择一个范围的值。它通常用于日期、时间等需要选择起始和结束值的场景。以下是 a-range-picker使用方法: 1. 在你的 HTML 文件中引入 a-range-picker 组件的相关文件: ```html <link rel="stylesheet" href="path/to/a-range-picker.css"> <script src="path/to/a-range-picker.js"></script> ``` 2. 在需要使用 a-range-picker 的地方添加一个容器元素,例如一个 div: ```html <div id="range-picker-container"></div> ``` 3. 在 JavaScript 文件中初始化 a-range-picker 组件: ```javascript var rangePicker = new ARangePicker({ container: document.getElementById('range-picker-container'), onChange: function(startValue, endValue) { // 在这里处理选择范围变化时的逻辑 console.log('选择的起始值:', startValue); console.log('选择的结束值:', endValue); } }); ``` 在初始化 a-range-picker 时,你需要传入一个包含以下选项的配置对象: - `container`:用于放置组件的容器元素。可以通过 `document.getElementById` 或其他方式获取到。 - `onChange`:当选择范围发生变化时触发的回调函数。该函数会接收两个参数:起始值和结束值。 4. 可选:你还可以在初始化时设置其他选项,例如日期格式、初始范围等。具体选项可以参考 a-range-picker 的文档。 以上就是 a-range-picker 的基本使用方法。根据你的实际需求,你可以根据组件的文档进一步了解其更多功能和配置选项。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值