微信小程序——有关清除template中的input数据问题

最新推荐文章于 2023-12-02 17:33:38 发布
最新推荐文章于 2023-12-02 17:33:38 发布
阅读量2.5k 收藏
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34765552/article/details/75287136
版权
在微信小程序开发中遇到，当使用template模板时，input的value无法通过设置空字符串来清除。正常情况下，点击按钮能清除input内容，但引用template后，虽然数据模型被清空，输入框文本却保持不变。这可能是因为template的特性导致input与js文件中的字段绑定失效。解决方案是放弃使用template，将布局和样式直接写入WXML文件。
摘要由CSDN通过智能技术生成

今天在找bug的时候出现了一点点小问题，

问题就是，当引用template模板时，模板中的input是不能利用value清空的。

具体实例如下：

定义一个简单的布局，就一个输入框，一个按钮，点击按钮清除输入框中的内容。

此时未引用template模板，直接写在WXML文件中。

这里写图片描述

这里写图片描述

启动程序时，key被置为123

此时界面上显示

这里写图片描述

点

最低0.47元/天 解锁文章
你的背影_
关注
专栏目录
微信小程序清空 input 输入框的值
荒的博客
06-21 5781
在评论成功后等场景，需要将 input 输入框的值清空。此时可以用如下方式： 在 xxx.wxml 内，设置 value 值为 inputValue。在事件中通过 setData，动态更改 inputValue 的值 大致代码如下 <!-- xxx.wxml --> <view> <input placeholder='请输入评论' value='{{inputValue}}'></input> <text bindtap
从零开始构建机器学习平台——架构设计、模块拆解及实现方案
程序员光剑
08-10 710
概述在当今数据驱动的时代,机器学习已经成为众多行业和领域的核心技术。然而,构建一个完整、高效且可扩展的机器学习平台仍然是一项复杂的工程挑战。从数据收集和预处理,到模型训练、评估和部署,再到持续监控和优化,每个环节都需要精心设计和实现。本文旨在为读者提供一个全面的指南,详细介绍如何从零开始构建一个功能完备的机器学习平台。我们将深入探讨平台的整体架构设计,各个关键模块的功能和实现,以及在实际开发过程中可能遇到的挑战和解决方案。
小程序 template 玩转内容填写
silencefly的博客
05-08 457
小程序开发之旅（九）template实现文字、段落、单选框、日期、图片的输入 在小程序开发过程中，很多地方会用到一些相同的需要输入的表弟页面，具体类型有输入单行文字、多行文字、使用单选框选择、使用对话框输入时间、拍摄图片等。这些东西实际都不难，可以抽象起来使用，下面简单说说。 先看看效果 这是简单用法 这是选择日期，使用的是有赞的 这个稍微复杂一些，图片支持添加、长按删除以及多图预览 看看代码 WXML <template name="input"> <view class="
输入输出流、模板
Floydwish的博客
01-24 777
1、输入输出流 在C++中，用面向对象的方法实现流。为了实现流，从上到下定义了几种流类： a. ios 是抽象流基类 b. ios 的派生类 istream 是输入流基类 c. ios 的派生类 ostream 是输出流基类 d. iostream 是输入/输出流类，由 istream 和 ostream 两个基类共同派生出来 在 I/O 流类中定义了若干成员函数，其中两个比较特殊的成员：
angular7+ 灵活组件 使用@input使同一组件在不同模板（template）显示不同的内容
Orz3261的博客
11-20 306
写项目的时候遇到一个需求：a.html中内容有两个状态，当放在edit.html中的时候，a.html是input框，当在show.html中使用a.html的时候，a.html是label。 结构如图，应该是一个很简单的功能，但是因为对父子传值概念不清晰，@input使用不熟练，导致这个问题卡了一天，最后解决代码如下 代码： a.html: <divclass="input"> <inputpInputTextplaceholder="请输入单位名称"fo...
TemplateInputException异常
Sys_kill的博客
07-30 1万+
当发现TemplateInputException异常很多时候是你这里可能出现了问题 两种解决方案: 报错分析: 1、controller层请求处理结束后返回数据时，没有使用类注解@RestController或注解@ResponseBody而返回了非json格式的数据。 2、返回的数据thymeleaf模板不能解析，所以报错。 灵感来源于https://blog.csdn.net/libusi001/article/details/100162576 ...
【java+vue+微信小程序项目】从零开始搭建——健身房管理平台（2）后端跨域、登录模块、springboot分层架构、IDEA修改快捷键、vue代码风格
最新发布
urge的博客
12-02 702
后端跨域、登录模块、springboot分层架构、IDEA修改快捷键、vue代码风格
微信小程序开发者文档 API 面试问答宝典
愿你走过半生，归来任是少年。
05-29 3766
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 重点内容 结合官方文档 按照 简易教程、框架、组件、API 常用到的说起 简易教程 微信小程序的相关文件类型： 一、WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。 ...
小程序框架mpvue入门教程之小程序与原生交互
相比于传统的小程序开发方式，mpvue的优势在于使用了Vue.js的所引入的组件化、数据驱动以及虚拟DOM等特性，提供了更好的开发体验和更高的开发效率。同时，mpvue还提供了一些与小程序原生API集成的方法，可以方便地...
Vue2 模板template的四种写法总结
08-27
下面小编就为大家分享一篇Vue2 模板template的四种写法总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue封装input组件
秋来九月八
03-21 1383
vue封装的input组件代码，以供大家参考 <template> <input type="text" class="input-warpper" :placeholder="placeholder" :value="inputValue" @input="getInputValue" /> </template> <script> export default { name: 'PaperInput',
解决spring实战中TemplateInputException问题
somemoods的博客
08-10 397
这个问题主要是命名不规范造成的。在跳转的时候不能springboot不能弄清怎么跳转导致的。我的做法就是将url名称与我的页面名称区分开来。不需要额外加注解，或者是去搞html页面的头。
Angular 学习（七）：模板语法
Star's Tech Blog
06-24 1339
Angular数据绑定 HTML属性与DOM属性关系 少量的HTML属性与DOM属性之间有着一对一的映射关系，如id； 有些HTML属性没有对应的DOM属性，如colspan； 有些DOM属性没有对应的HTML属性，如textContent； 就算名字相同，HTML属性和DOM属性也不是同一样东西； HTML属性的值指定了初始值，DOM属性的值表示当前值；HTML属性的值不可改变，DOM属性的值...
vue 车牌号键盘
weixin_42269163的博客
05-17 2200
结合vant框架 效果图 组件页面 <template> <div class="keyboard"> <div class="keytitle"> 请点击选择车牌号 <span>(绿色虚线为新能源)</span> </div> <div class="input-box" @click="clickShowKeyboard"> <li..
小程序中input赋值
w_q2018的博客
11-01 9091
小程序：input赋值（扫一扫或手动输入获取） wxml <input value="{{inputValue}}" class="input" name="id" placeholder="扫描二维码或手动输入编号" /> <button bindtap="click">扫一扫</button> js 扫一扫，解析二维码，从解析结果中获取编号信息...
Vue2 模板template的四种写法
xuanwuziyou的专栏
09-11 3万+
我是直接写在构造器里的模板1 我是选项模板3 我是script标签模板4 var vm=new Vue({ el:"#app", data:{ message:1 }, //第2种模板 写在构造器里 //template:`我是选项模板2`
TemplateInputException
栀子花开几百度的博客
12-27 8569
Error resolving template "itoperations/api/order/messagelist", template might not exist or might not be accessible by any of the configured Template Resolvers 这个原因是由于我没加@ResponseBody
vue中template的三种写法
热门推荐
庚中
03-25 4万+
第一种:直接写在vue构造器里,这种写法比较直观,但是如果模板里html代码太多,不便于维护,不建议这么写. 第二种:直接写在template标签里,这种写法跟写html很像. 第三种:写在script标签里,这种写法比较方便,推荐使用; ...
"基于SpringBoot的理发店预约系统微信小程序——数据库论文
基于Spring Boot的理发店预约系统是一款基于微信小程序的预约平台，旨在帮助理发店提高预约效率和客户满意度。该系统采用了Spring Boot框架，利用数据库存储数据，提供了用户预约、服务管理、订单管理等功能。本论文...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值