8***@qq.com
8***@qq.com
  • 发布:2025-04-09 17:01
  • 更新:2025-04-10 15:18
  • 阅读:48

vue3版本,用renderjs写一个input上传文件,callMethod不执行

分类:HBuilderX
<template>  
    <view class="w-a h-a y" @click="FileRender.createFileInputDom">  
        <template v-if="!$slots.default">  
            <view class="my-btn x c">选择文件</view>  
        </template>  
        <slot></slot>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {}  
    },  
    onLoad(res) {},  
    methods: {  
        parseJSONData(arg) {  
            console.log('被回调', arg)  
        },  
    }  
}  
</script>  
<script module="FileRender" lang="renderjs">  
export default {  
    data() {  
        return {}  
    },  
    mounted() {},  
    methods: {  
        createFileInputDom(e) {  
            let fileInput = document.createElement('input')  
            fileInput.setAttribute('type', 'file')  
            fileInput.setAttribute('accept', '*')  
            this.$ownerInstance.callMethod('parseJSONData', 'text1111')  
            fileInput.addEventListener('change', e => {  
                this.$ownerInstance.callMethod('parseJSONData', 'text2222')  
            })  
            fileInput.click()  
        }  
    }  
}  
</script>  
<style lang="less">  
.my-btn {  
    width: 100%;  
    height: 50px;  
    border-radius: 12rpx;  
    background: #3B8F42;  
    color: #fff;  
    font-size: 28rpx;  
}  
</style>
2025-04-09 17:01 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com (作者)

有没有大佬指点下啊

要回复问题请先登录注册