<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
- 更新:2024-10-21 18:21
- 阅读:12
产品分类: uniapp/小程序/阿里
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 4.15
第三方开发者工具版本号: 3.9.11
基础库版本号: 2.9.30
项目创建方式: HBuilderX
操作步骤:
预期结果:
input改变时,TnButton 一起改变
input改变时,TnButton 一起改变
实际结果:
支付宝小程序,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正常