<!-- 按组使用 -->
<uni-swipe-action>
<uni-swipe-action-item :right-options="options" @click="bindClick" @change="swipeChange($event, index)">
<view >item1</view>
</uni-swipe-action-item>
<uni-swipe-action-item :right-options="options" @click="bindClick" @change="swipeChange($event, index)">
<view>item2</view>
</uni-swipe-action-item>
<uni-swipe-action-item :right-options="options" @click="bindClick" @change="swipeChange($event, index)">
<view>item3</view>
</uni-swipe-action-item>
</uni-swipe-action>
export default {
data(){
return {
options:[
{
text: '取消',
style: {
backgroundColor: '#007aff'
}
}, {
text: '确认',
style: {
backgroundColor: '#dd524d'
}
}
]
}
},
methods:{
onClick(e){
console.log('点击了'+(e.position === 'left' ? '左侧' : '右侧') + e.content.text + '按钮')
},
swipeChange(e,index){
console.log('当前状态:'+ e+',下标:' + index)
}
}
}

- 发布:2021-05-27 17:04
- 更新:2021-08-17 15:07
- 阅读:1048
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 1809
手机系统: Android
手机系统版本号: Android 7.0
手机厂商: 模拟器
手机机型: PIXEL 2 XL
页面类型: vue
打包方式: 云端
项目创建方式: CLI
CLI版本号: 3.1.2
示例代码:
操作步骤:
同上
同上
预期结果:
正常输出
正常输出
实际结果:
报错
报错
bug描述:
uni-ui版本1.3.1 一直报截图的错误,用的示例代码
