根据这篇博文中的方法,实现了我想要的效果:https://blog.csdn.net/asteriaV/article/details/110793708 但是,我还是不太清楚,博主是从哪里知道还有一个 "data-id" 这个属性的,我换 "id" 貌似不行。。。 [图片]
如何在JS中获取通过wx:for生成的input组件的输入?Hi all, 在某些特定的情况下,需要有多个输入框,输入框的数量不确定,所以通过wx:for的方式生成; 现在的问题是我如何从生成的多个输入框中,获取指定输入框的内容呢? 谢谢! [图片] WXML代码如下: <navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar> <scroll-view class="scrollarea" scroll-y type="list"> <view wx:for="{{inArray}}" wx:key="value"> <input placeholder="input {{index+1}}" value="{{item.value}}" /> </view> <button bind:tap="addInput">Add Input</button> <button bind:tap="getValues">Get Values</button> </scroll-view> 以下是JS代码: Page({ data: { inArray: [], }, addInput() { this.data.inArray.push({id: this.data.inArray.length+1, value: ""}); console.log("add input ", this.data.inArray.length.toString()); console.log(this.data.inArray); this.setData({ inArray: this.data.inArray }) }, getValues() { for(let i = 0; i < this.data.inArray.length; i++) { console.log("input", i.toString(), "value: ", this.data.inArray.value); } } })
2024-03-08老哥,实现这个功能了吗,我也遇到这个问题了。。。
如何通过指定的元素ID获取对应input的值?在提交数据时候,我想利用循环判断所有输入框的值是否为空,每个输入框有对应的ID,如何实现?
2024-03-08真机调试模式不同是由于上层的那个[style="display: flex;"]引起的,去掉后真机调试就可以看到输入框了,但是label和输入框就不在同一行了;(更新:不需要去掉,加上 flex 不久导致label和输入框不在同一行的原因是输入框默认宽度(width)太大了,设置小一点就可以了);input 的 type 属性只有在手机是才有效,会出现不同的键盘,通过控制键盘从而控制输入;
如何使用input标签?Hi all, 我在使用 input 标签时,发现挺多和HTML不一样的地方: 真机调试和模拟器的界面完全不同,模拟器可以看到输入框并输入,然而真机调试时都没有输入框;input 限定 type 为 number 后,还是能输入文本;如何将 input 设为必填项,required 好像不能用;点击和 input 绑定的 label,并不会聚焦到输入框,必须点输入框才行;如何限定输入数据的最小值,即实现 HTML 中的 min 属性;[图片] [图片] 谢谢大家!
2024-03-05为帮助小程序开发者快捷地排查小程序漏洞、定位问题,我们推出了实时日志功能。开发者可通过提供的接口打印日志,日志汇聚并实时上报到小程序后台。开发者可从小程序管理后台“开发->开发管理->运维中心->实时日志”进入小程序端日志查询页面,或从“小程序插件->实时日志”进入插件端日志查询页面,进而查看开发者打印的日志信息。 以上官方文档中的内容,说的“开发->开发管理->运维中心->实时日志”我在小程序后台没看到运维中心啊。 [图片] 还有就是“小程序插件->实时日志”这个插件是安装在哪里啊,从哪里安装呢? 谢谢
如何使用日志进行调试?Hi all, 在官方文档中,我看到了两个和日志有关的内容: console:https://developers.weixin.qq.com/miniprogram/dev/reference/api/console.html实时日志:https://developers.weixin.qq.com/miniprogram/dev/framework/realtimelog/试用console后,我发现如下结论: > [代码]console[代码]打印的日志只能在[代码]微信开发者工具[代码]的[代码]Console面板[代码],以及[代码]真机调试(开发版)[代码]或者[代码]体验版[代码]的[代码]vConsole界面[代码]看到;([代码]vConsole[代码]只有在[代码]真机调试(开发版)[代码]和[代码]体验版[代码]中可以开启,发布版小程序不能开启[代码]vConsole[代码]调试) 请问以上结论正确吗? 关于实时日志,我按文档中的方法添加并调用后,我在手机的vConsole和开发者工具中并没有看到日志输出,请问这个日志我要怎么查看呢?而且这个实时日志是开发版,体验版,发布版都会产生,还是只有发布版会产生呢? 谢谢!
2024-03-01啊。。。原来要写 "this.data.locations"
页面的js文件中如何定义并访问数组?Hi all, 我想在小程序的一个页面 js 文件中定义数组并通过下标访问,但是显示数组未定义,请问是什么原因啊?怎么解决呢? 并且我还有一个疑问:我想定义一些在本 js 文件有效的 const 变量,需要怎么操作呢?常规方式是直接在 data{} 中添加吗?在 data{} 中添加貌似不能指定 const 类型啊? 谢谢大家! [图片]
2024-02-29SB TX
如何使用日志库?我看到一个关于日志相关的官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/realtimelog/。 文档里面说: [图片] 这个链接"https://developers.weixin.qq.com/s/aFYw1BmC7eak"点进去后出现如下页面: [图片] 文中写着这个链接是参考代码片段的这里有说手动导入???导入什么啊??要怎么导入啊?? 文档里面又说: [图片] 但是我进入小程序管理后台后, [图片] 哪里有运维中心???还是我进入的小程序管理后台地方就不对了???这个小程序管理后台就不能给个链接??? 对这个烂文档真是服了!!!
2024-01-11