slider组件在uni-app nvue中报错 TypeError: Cannot read property 'length' of undefined

slider组件在uni-app nvue中报错 TypeError: Cannot read property ‘length’ of undefined

开发环境	版本号	项目创建方式
Windows	22H2	HBuilderX

测试过的手机：

OPPO R15 android 10
iPhone6sPlus IOS15.1

示例代码：

<view>  
    <slider value="60" step="5" />  
</view>

操作步骤：

<view>  
    <slider value="60" step="5" />  
</view>

预期结果：

..

实际结果：

..

bug描述：

使用nvue文件编写

<view>  
    <slider value="60" step="5" />  
</view>

在设备上滑动，或输出报错安卓端输出:TypeError: Cannot read property ‘length’ of undefined IOS端输出:TypeError: undefined is not an object (evaluating ‘e.touches.length’) __ERROR

更多关于slider组件在uni-app nvue中报错 TypeError: Cannot read property 'length' of undefined的实战教程也可以访问 https://www.itying.com/category-93-b0.html

itying888 1楼

更多关于slider组件在uni-app nvue中报错 TypeError: Cannot read property 'length' of undefined的实战教程也可以访问 https://www.itying.com/category-93-b0.html

这个错误通常是由于nvue环境下slider组件的事件处理问题导致的。在nvue中，slider组件的事件机制与vue页面有所不同。

解决方法：

确保在nvue页面中正确引入weex组件：

<template>
  <div>
    <slider value="60" step="5" @change="onChange"></slider>
  </div>
</template>

如果问题仍然存在，可以尝试使用weex原生的slider组件：

<template>
  <div>
    <slider class="slider" value="60" step="5"></slider>
  </div>
</template>
<style scoped>
.slider {
  width: 750rpx;
  height: 80rpx;
}
</style>