<view class="uni-form-item uni-column">
<view class="title"><text class="uni-form-item__title">带清除按钮的输入框</text></view>
<view class="uni-input-wrapper">
<input class="uni-input" type="number" placeholder="带清除按钮的输入框" :value="inputClearValue" @input="clearInput" />
<text class="uni-icon" v-if="showClearIcon" @click="clearIcon"></text>
</view>
</view>
- 发布:2022-02-28 18:19
- 更新:2022-03-08 15:36
- 阅读:615
产品分类: uniapp/H5
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.5 (19F101)
HBuilderX类型: 正式
HBuilderX版本号: 3.3.11
浏览器平台: Chrome
浏览器版本: 98.0.4758.102
项目创建方式: HBuilderX
示例代码:
操作步骤:
输入数字,清除,输入E或者+
输入数字,清除,输入E或者+
预期结果:
输入数字,清除,输入任何值不会把上次记录带回
输入数字,清除,输入任何值不会把上次记录带回
实际结果:
会把上次输入的数字显示回输入框
会把上次输入的数字显示回输入框
翔飘飘奶茶 (作者)
新建项目选择Hello uni-app,把pages/component/input里面“带清除按钮的输入框”的input加上 type="number"就可以复现了
2022-03-01 09:02