<template>
<u-input
class="uni-input"
confirm-type="search"
placeholder="键盘右下角按钮显示为搜索"
v-model="title"
@input="changeInput"
@change="changeInput1"
/>
<text>{{ title }}</text>
<u-button text="123" @click="test"></u-button>
</template>
<script setup lang="ts">
import { ref } from "vue";
const title = ref("Hello");
const changeInput = (e: string) => {
console.log("input: " + e);
};
const changeInput1 = (e: string) => {
console.log("change:" + e);
};
const test = () => {
console.log(title.value);
};
</script>
8***@qq.com
- 发布：2023-06-27 10:19
- 更新：2023-07-25 18:03
- 阅读：257
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows10
手机系统： Android
手机系统版本号： Android 13
手机厂商： 一加
手机机型： 一加10Pro
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： CLI
CLI版本号： "vite": "4.0.4"
操作步骤：
预期结果：
点击按钮 test会答应对应的值
点击按钮 test会答应对应的值
实际结果：
Hello
Hello
bug描述：
<template>
<input
class="uni-input"
confirm-type="search"
placeholder="键盘右下角按钮显示为搜索"
v-model="title"
@input="changeInput"
@change="changeInput1"
/>
<text>{{ title }}</text>
<u-button text="123" @click="test"></u-button>
</template>
<script setup lang="ts">
import { ref } from "vue";
const title = ref("Hello");
const changeInput = (e: string) => {
console.log("input: " + e);
};
const changeInput1 = (e: string) => {
console.log("change:" + e);
};
const test = () => {
console.log(title.value);
};
</script>在input中使用双向绑定以后 change 和input都不会触发 并且title也不会进行修改
在微信开发者工具中为正常的 使用真机调试以后 一个都不会触发
1 个回复
mcq
你这个问题解决了吗？ 同样遇到这个问题