uniapp:slider组件的方法传多个参报错

需求:

亮度滑动,滑动停止后触发方法向后台发送数据

报错:

使用HBuilder开发的时候,没有问题,运行(发行)到微信开发工具的时候,报错,报错原因未找到,但是,解决办法就是自定义 :data-XXX 属性,然后再 e.target.dataset.XXXX取出你想要的数值:
例如:
赋值: :data-sliderId=item.id
取值: e.target. dataset.sliderid

<view class="brightBox">
			<view class="text-box">亮度 : {{ item.deviceStatus.function.diming + '%' }} </view>
			<view class="sliderBox">
					<text class="number0">0%</text>
					<slider :value=item.deviceStatus.function.diming  :data-sliderId=item.id   @change="sliderChange"  activeColor="#83BFD0"
					 backgroundColor="#B6B6B6" block-color="#fff" block-size="20" />
					<text class="number100">100%</text>
				</view>
</view>

change方法传参数,sliderChange( $event, item), e v e n t 是 c h a n g e 方 法 的 默 认 参 数 , 组 件 上 不 写 的 话 , 默 认 就 是 传 参 数 event是change方法的默认参数,组件上不写的话,默认就是传参数 eventchangeevent,传递多个参数的话,需要将$event写下来,

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp 中,内置组件的样式和行为是可以进行修改的。如果要修改 Slider 组件的样式和行为,可以使用以下方法: 1. 使用 scoped 样式来修改 Slider 组件的样式。在组件所在的页面或组件的样式中,使用 scoped 样式来定义 Slider 组件的样式,例如: ```css <template> <view> <slider class="my-slider" /> </view> </template> <style scoped> .my-slider { background-color: #f00; } </style> ``` 这样,Slider 组件的背景色就会变成红色。需要注意的是,scoped 样式只会对当前组件生效,不会影响其他组件和页面。 2. 使用 props 属性来修改 Slider 组件的属性。Slider 组件多个属性可以进行修改,例如 value、min、max 等。可以在组件中使用 props 属性来修改这些属性,例如: ```vue <template> <view> <slider :value="50" :min="0" :max="100" /> </view> </template> ``` 这样,Slider 组件的初始值就会变成 50,最小值为 0,最大值为 100。 3. 使用事件来修改 Slider 组件的行为。Slider 组件多个事件可以进行监听,例如 change、changing 等。可以在组件中使用 @change/@changing 等事件来监听 Slider 组件的变化,例如: ```vue <template> <view> <slider :value="50" @changing="handleChange" /> </view> </template> <script> export default { methods: { handleChange(e) { console.log(e.detail.value); }, }, }; </script> ``` 这样,每次 Slider 组件的值发生变化时,就会调用 handleChange 方法并输出当前的值。 通过以上方法,就可以对 Slider 组件进行样式和行为的修改。需要注意的是,如果要对其他内置组件进行修改,也可以使用类似的方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值