zlz94
zlz94
  • 发布:2022-09-27 09:52
  • 更新:2023-01-05 14:02
  • 阅读:213

【报Bug】uni-app编译的字节跳动小程序使用uview的u-popup组件,在组件中使用input,双向绑定值,输入内容时报错

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

第三方开发者工具版本号: 3.3.7

基础库版本号: 2.70.0.5

项目创建方式: HBuilderX

示例代码:

<u-popup :show="yusuanShow" mode="bottom" @close="onClose">
<!-- <view class="popBox" v-if="yusuanShow" @click="yusuanShow=false"> -->
<view class="yusuanBox">
<view class="flex-space mar-b-35">
<view class="inputbox">
<input type="digit" @focus="focus" v-model="num1" placeholder="输入预算" />
<text>(万)</text>
</view>
<view class="flex-c">至</view>
<view class="inputbox">
<input type="digit" @focus="focus" v-model="num2" placeholder="输入预算" />
<text>(万)</text>
</view>
</view>
<view class="flex-space">
<view class="btn flex-c" @tap.stop.prevent="clear">清空</view>
<view class="btn flex-c blue" @tap.stop.prevent="confirm3">确定</view>
</view>
</view>
<!-- </view> -->
</u-popup>

操作步骤:

弹窗展示后在输入框中输入值报错无法实现双向绑定,input绑定的事件也不能正常使用

预期结果:

希望能够正常双向绑定

实际结果:

无法双向绑定

bug描述:

双向绑定的值已经在data中声明过了,在输入预算的时候报mp.runtime.esm.js?66fd:613 [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.
双向绑定的值页没有赋值成功

2022-09-27 09:52 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com

请问解决了吗

要回复问题请先登录注册