<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正常
l***@163.com
- 发布：2024-10-21 18:21
- 更新：2024-10-22 17:55
- 阅读：55
产品分类： 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正常
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
tbutton/tinput 是什么组件，使用内置的 button/input 有问题吗？提供个复现工程吧。提供更多信息，有助于定位和解答你的问题。我看你到 HBuilderX 版本比较老，升级到最新版是否还有这个问题
l***@163.com (作者)
图鸟的组件库，运行在支付宝开发者工具的小程序模拟器无法识别ref，真机调试下iPhone端这段代码的if判断一直为true if (price.value <= 0 || !isNumber(price.value)) {
uni.showModal({
title: '提示',
content: '请输入正确的金额！',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
showPayMent()
return;
}
2024-10-22 17:34