<template>
<view>
<uni-list>
<!--下面两个组件都要加上-->
<uni-swipe-action>
<uni-swipe-action-item :right-options="options" @click="bindClick">
<uni-list-item :showArrow="true">
<view class="text-secondary">
<view class="d-flex a-center">
<text class="main-text-color">楚绵</text>
152****5266
<text class="main-text-color">[默认]</text>
</view>
<view>
广东省 广州市 白云区
</view>
<view>
xxx街道
</view>
</view>
</uni-list-item>
</uni-swipe-action-item>
</uni-swipe-action>
</uni-list>
</view>
</template>
<script>
import uniListItem from "@/components/uni-ui/uni-list-item/uni-list-item.vue";
import uniSwipeAction from "@/components/uni-ui/uni-swipe-action/uni-swipe-action.vue";
import uniSwipeActionItem from "@/components/uni-ui/uni-swipe-action-item/uni-swipe-action-item.vue";
export default {
components:{
uniListItem,
uniSwipeAction,
uniSwipeActionItem
},
data() {
return {
options: [{
text: '修改',
style: {
backgroundColor: '#007aff'
}
}, {
text: '删除',
style: {
backgroundColor: '#dd524d'
}
}]
}
},
onNavigationBarButtonTap(e){
if(e.index===0){
uni.navigateTo({
url:'/pages/user-path-edit/user-path-edit'
})
}
},
methods: {
bindClick(value){
switch(value.index){
case 0:
console.log('修改');
break;
case 1:
console.log('删除');
break;
}
}
}
}
</script>
<style>
</style>
- 发布:2021-05-15 15:32
- 更新:2021-05-15 15:32
- 阅读:1068
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.13
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: 荣耀8X
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
无
无
预期结果:
15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66
15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66
实际结果:
15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66
15:16:23.800 修改 at pages/user-path-list/user-path-list.vue:66
15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66
15:16:23.800 修改 at pages/user-path-list/user-path-list.vue:66
bug描述:
uni-swipe-action-item里面传递点击事件@click="bindClick"的时候,bindClick会被执行两次
0 个回复