uni.showModal()的输入框和input标签绑定方法冲突问题

如果input元素不输入的情况下可以这样，如果不是可以再讨论

<template>  
    <view class="content">  
        <input type="text" @click="haha"  inputmode="none" disabled="disabled" placeholder="input">  
    </view>  
</template>  
<script>  

    export default {  
        data() {  
            return {  
                focus:false  
            }  
        },  
        methods: {  
            haha(){  
                console.log('hahahahahahahaha')  
                uni.showModal({  
                    title: '提示',  
                    content: '这是一个模态弹窗',  
                    editable:true,  
                    success: function (res) {  
                        if (res.confirm) {  
                            console.log('用户点击确定');  
                        } else if (res.cancel) {  
                            console.log('用户点击取消');  
                        }  
                    }  
                });  
            }  
        }  
    }  
</script>