search

dcloudio / uni-app

A cross-platform framework using Vue.js
https://uniapp.dcloud.io
Apache License 2.0
40.2k stars 3.64k forks source link

vue3 cli/HBuilderX 工程，editor 组件在微信平台下，绑定了 input 和 ready 事件后会导致每次输入都触发 ready 事件，同时不执行 input 事件 #3445

Closed appleone123 closed 2 years ago

appleone123 commented 2 years ago

问题描述 vue3 cli/HBuilderX 工程，editor 组件在微信平台下，绑定了 input 和 ready 事件后会导致每次输入都触发 ready 事件，同时 input 事件不执行

复现步骤 1、通过 HBuilderX 创建 vue3 简单示例工程 2、index 页面使用以下代码

<template>
    <view class="content">
        <image class="logo" src="/static/logo.png"></image>
        <editor id="editor" @ready="readyHandler" @input="stateHandler"></editor>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {

        },
        methods: {
            stateHandler(){
                console.log('this is input')
            },
            readyHandler(){
                console.log('this is editor ready')
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>

3、运行，在 editor 中输入内容，可以看到控制台随着输入不断的输出 log：this is editor ready，但是没有 input 事件的 log

image

预期结果 editor onReady 事件不随输入触发

实际结果 editor onReady 事件随输入触发

系统信息:

fxy060608 commented 2 years ago

已修复，cli更新至：3.0.0-alpha-3040620220415003

appleone123 commented 2 years ago

已修复，cli更新至：3.0.0-alpha-3040620220415003

经验证已修复，感谢～