<template>
<view class="uni-form-item uni-column">
<view class="title">数字输入的input</view>
<input v-model="count" class="uni-input" type="number" placeholder="这是一个数字输入框" />
</view>
</template>
<script>
export default {
data() {
return {
count: null
}
}
onShow() {
this.getCount()
},
methods: {
getCount() {
// 这个count通过http请求,获取到数据,然后给count赋值,大概就这意思,这就不赘述了,代码示例意思意思就行了,反正就这个意思
this.count = '123'
}
}
}
</script>
- 发布:2024-08-07 15:07
- 更新:2024-08-07 15:17
- 阅读:380
产品分类: uniapp/H5
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 14.5
HBuilderX类型: 正式
HBuilderX版本号: 4.24
浏览器平台: Chrome
浏览器版本: 127.0.6533.89
项目创建方式: HBuilderX
示例代码:
操作步骤:
就上面代码示例里面的效果,count默认值是null,然后发起请求,获取到一个值,给它赋值为了"123"
就上面代码示例里面的效果,count默认值是null,然后发起请求,获取到一个值,给它赋值为了"123"
预期结果:
预期:在页面会显示一个输入框,里面的值是123
预期:在页面会显示一个输入框,里面的值是123
实际结果:
结果:没显示,打开控制台,发现这个input直接未被渲染,啥都没有,效果就是附件里面那样
结果:没显示,打开控制台,发现这个input直接未被渲染,啥都没有,效果就是附件里面那样
bug描述:
uniapp input 输入框,例如:设置type=number,v-model绑定的值count,如果初始值count为null时,整个input输入框都不会渲染