二零三
二零三
  • 发布:2024-09-25 18:08
  • 更新:2024-09-30 16:49
  • 阅读:326

uni-swipe-action运行到安卓报错

分类:uni-app

运行到H5和小程序没问题。
运行到APP报错TypeError: vue.undefined is not a function / TypeError: xt.setAttribute is not a function
hbuilderX版本4.28
cli版本3.0.0-alpha-4020820240920001
vue版本3.5.8

代码完全粘贴的官网文档
把uni-swipe-action-item.vue中的:change:prop去掉就不报错了,但是部分功能无法使用

2024-09-25 18:08 负责人:DCloud_UNI_yuhe 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,这是官网示例有问题。可以使用下面的内容尝试。

<template>  
    <view class="container">  
        <uni-swipe-action>  
            <!-- 基础用法 -->  
            <uni-swipe-action-item :right-options="options" :left-options="options" @click="onClick" @change="change">  
                <view>SwipeAction 基础使用场景</view>  
            </uni-swipe-action-item>  
            <!-- 使用插槽 (请自行给定插槽内容宽度)-->  
            <uni-swipe-action-item>  
                <template v-slot:left>  
                    <view><text>置顶</text></view>  
                </template>  
                <view>  
                    <text>使用插槽</text>  
                </view>  
                <template v-slot:right>  
                    <view><text>删除</text></view>  
                </template>  
            </uni-swipe-action-item>  
            <!-- 混合用法 -->  
            <uni-swipe-action-item :right-options="options">  
                <template v-slot:left>  
                    <view><text>置顶</text></view>  
                </template>  
                <view><text>混合使用</text></view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  

        <!-- 禁止滑动 -->  
        <uni-swipe-action>  
            <uni-swipe-action-item :disabled="true" :right-options="options">  
                <view>SwipeAction 基础使用场景</view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  

        <!-- 按组使用 -->  
        <uni-swipe-action>  
            <uni-swipe-action-item :right-options="options" @click="onClick" @change="swipeChange($event, 0)">  
                <view>item1</view>  
            </uni-swipe-action-item>  
            <uni-swipe-action-item :right-options="options" @click="onClick" @change="swipeChange($event, 1)">  
                <view>item2</view>  
            </uni-swipe-action-item>  
            <uni-swipe-action-item :right-options="options" @click="onClick" @change="swipeChange($event, 2)">  
                <view>item3</view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  

    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                options: [{  
                    text: '取消',  
                    style: {  
                        backgroundColor: '#007aff'  
                    }  
                }, {  
                    text: '确认',  
                    style: {  
                        backgroundColor: '#dd524d'  
                    }  
                }]  
            }  
        },  
        methods: {  
            onClick(e) {  
                console.log('点击了' + (e.position === 'left' ? '左侧' : '右侧') + e.content.text + '按钮')  
            },  
            change(event) {  
                console.log('改变事件', event);  
            },  
            swipeChange(e, index) {  
                console.log('当前状态:' + e + ',下标:' + index)  
            }  
        }  
    }  
</script>

要回复问题请先登录注册