l***@163.com
l***@163.com
  • 发布:2024-10-21 18:21
  • 更新:2024-10-21 18:21
  • 阅读:12

支付宝小程序ref响应式失效

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.15

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

基础库版本号: 2.9.30

项目创建方式: HBuilderX

操作步骤:

<view class="content">
<!-- 付款框 -->
<view class="payinput">
<TnInput v-model="price" placeholder="请输入金额" size="lg" type="digit">
<template #prefix>¥</template>
</TnInput>
</view>
<!-- 付款按钮 -->
<view>
<TnButton type="success" size="xl" blod="true" bg-color="#00d886" @click="showPayMent()">支付 ¥ {{price}}
</TnButton>
</view>
</view>
const price = ref()
支付宝小程序ref响应式不生效,微信H5正常

预期结果:

input改变时,TnButton 一起改变

实际结果:

支付宝小程序,TnButton 没有改变

bug描述:

<view class="content">
<!-- 付款框 -->
<view class="payinput">
<TnInput v-model="price" placeholder="请输入金额" size="lg" type="digit">
<template #prefix>¥</template>
</TnInput>
</view>
<!-- 付款按钮 -->
<view>
<TnButton type="success" size="xl" blod="true" bg-color="#00d886" @click="showPayMent()">支付 ¥ {{price}}
</TnButton>
</view>
</view>
const price = ref()
支付宝小程序ref响应式不生效,微信H5正常

2024-10-21 18:21 负责人:无 分享
已邀请:

要回复问题请先登录注册