帖子
帖子
用户
博客
课程
12
返回列表 发新帖
1
帖子
0
勋章
751
Y币
勇可可【1161277121】 · 2024-5-11 09:27这个input清空是有问题,我之前也看到了

那你这边是怎么解决的啊
比你妈执着 · 2024-5-11 15:11那你这边是怎么解决的啊

等咯,底层框架的问题
10
帖子
1
勋章
5694
Y币

在部分机型上确实有这样的问题。

可以暂时参考下面的代码暂时规避

<template>
        <scroll-view style="padding-top:100px;" class="main" scroll-y>
                <input v-model="input" placeholder="键盘完成按钮文字为搜索" confirm-type="search" onconfirm={this.onconfirm} />
                <text>{input}</text>
                <button @click="clean">清空333</button>
        </scroll-view>
</template>
<script>

export default {
        name: 'test',
        install(){
                this.i = 0
        },
        data() {
                return {
                        input: ""
                }
        },
        methods: {
                onconfirm(e) {
                        api.alert({
                                msg: '搜索' + e.detail.value.trim()
                        });
                },
                clean() {
                        this.input = ' '.repeat(this.i++%2)
                }

        }
}
</script>


<style>
.main {
        width: 100%;
        height: 100%;
}
input {
        margin: 8px;
        width: auto;
}
</style>

其中,使用一个计数器 i 来主动形成 diff,让 inputvalue 更新。

同时注意 ,获取值的时候,使用 trim()来去除空白。

1
帖子
0
勋章
751
Y币
杨永安 · 2024-5-13 14:40[md]在部分机型上确实有这样的问题。

可以暂时参考下面的代码暂时规避

INPUT的内容是清除了啊,是v-model他不绑定了啊,所以显示的值没清空啊
10
帖子
1
勋章
5694
Y币
比你妈执着 · 2024-5-13 15:03INPUT的内容是清除了啊,是v-model他不绑定了啊,所以显示的值没清空啊

你试试看上面的演示代码,是清空了的
10
帖子
0
勋章
102
Y币
杨永安 · 2024-5-13 15:35你试试看上面的演示代码,是清空了的

input 组件这个bug多久就修复好了,我这边很多页面都用了。用了暂时规避的方法,还存在别的问题,所以看下这边大概时间
12
您需要登录后才可以回帖 登录

本版积分规则