微信小程序自定义属性时不能使用驼峰命名法！！！

最新推荐文章于 2024-09-16 15:08:31 发布

小美好

最新推荐文章于 2024-09-16 15:08:31 发布

阅读量1.1k

点赞数 1

文章标签：小程序 javascript css

本文链接：https://blog.csdn.net/weixin_44363139/article/details/107782552

版权

微信小程序自定义属性时不能使用驼峰命名法！！！

前段时间在开发微信小程序的过程中发生了一个令自己非常想打死自己的错误，写出来供大家参考下~
我们在写一个元素的时候可能会用到事件并且给事件绑定一个data-属性的时候，本着负责人的态度习惯性的写成了驼峰命名法，但是在js页面获取的时候死活获取不到，后来发现这个时候不能写驼峰命名，必须小写。

微信小程序 点击事件中用 data-orderItemId = "{{items.orderItemId}}"， 在js中获取的时候会将驼峰的写法转化成纯小写e.currentTarget.dataset.orderitemid

如果错误，欢迎指正~QQ微信：1319672314

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小美好

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 自定义tabbar (源码)

05-31

微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义...

Mybatis使用OrderItem排序问题

欢迎查阅

06-12

2022

当我们需要根据传入的排序字段进行排序的时候，如果是分页查询可以使用的page的orders(这个不会出现排序失效的问题)因为 #{} 是一个占位符在sql的时候会加上一个双引号导致排序失败，可以使用${}有级别关系的数据使用递归查询（适合数据量小的大数据的没试过不推荐）如果我们只是把排序的字段当做一个List<OrderItem> 传入。这个他会直接的拼接到sql里边，但是注意sql注入的问题。mybatis里边使用like。

参与评论您还未登录，请先登录后发表或查看评论

小驼峰命名法_微信小程序常见的“莫名其妙”的bug

weixin_39617215的博客

12-04

412

有时候写代码的时间太长打字太快，头晕脑胀了，就会犯低级错误出bug，有的甚至找半天找不出来。现在就把这些常见的低级bug罗列出来，大家在遇到“莫名其妙”的bug的时候，不妨来这里参考一下，看看是不是不小心掉进哪个坑了。本文持续更新。1. if语句的判断条件不小心将===写成=，比如： var a=1 if (a=1) { console.log('a=1') }上面的语句写法显然是错误的，但系...

微信小程序中 data-后面的参数不建议驼峰命名

weixin_40637683的博客

05-03

804

微信小程序 微信小程序中 data-后面的参数不能写驼峰今天发现小程序中的一个小缺点吧算是，我们在做小程序项目时经常会遇到，使用data- 的时候，用来绑定一些数据，进行传值。 1.遇到的问题 data-commentWrapHeight 绑定传值的过程中，在js中打印出来竟然变成了commentwrapheight ，好神奇！！！ <text class="commentNick...

【Vue | 补洞 | 10】自定义指令

weixin_42678675的博客

03-19

484

通过自定义指令，实现对 Dom 元素的操作封装和复用！

SpringBoot+Mybatis,返回Map的时候,将Map内的Key转换为驼峰的命名表达式

weixin_33785108的博客

04-15

571

2019独角兽企业重金招聘Python工程师标准>>> ...

微信小程序自定义扫码功能界面的实现代码

10-15

微信小程序不直接支持自定义界面的扫码功能，因此需要利用原生组件来达成目标。以下是一个详细步骤，介绍如何在微信小程序中实现自定义的扫码界面。首先，我们需要使用`<camera>`组件来创建一个实时摄像头预览窗口...

微信小程序自定义头部标题导航栏

05-24

* 外部样式类：(使用时注意权重，添加外部样式类无效果的时候，给类加点权重就可以了) * custom-icon-class: 标题左侧图标外部样式类 * custom-title-class: 标题外部样式类 * custom-root-class: 根节点外部...

基于canvas 2D实现微信小程序自定义组件-环形进度条

06-11

总结起来，利用canvas 2D API在微信小程序中创建自定义组件，不仅能够发挥canvas的高性能特性，还能提供高度的灵活性和可扩展性。通过理解并熟练运用canvas绘图原理，开发者可以创建出各种复杂且动态的UI组件，提升...

微信小程序自定义导航源码

03-22

在微信小程序中，自定义导航是一项重要的功能，它能让开发者根据自己的需求和设计风格来定制化页面间的跳转效果，从而提升用户体验。本资源提供的"微信小程序自定义导航源码"是一个实现这一功能的示例代码，适用于...

Attribute ‘:identifyCode‘ must be hyphenated的解决方案

weixin_43896145的博客

10-20

8380

解决方式：因为在绑定属性的时候不允许属性为。

小程序编码规范

BoReFrontEnd的博客

04-26

1502

命名规则目录命名：采用小写方式，以下划线分隔。例：directory_name 文件名：采用小写方式，以下划线分隔。例：file_name 事件处理方法：on+Action 样式：采用小写方式，以下划线分隔。例：page_content 变量命名：采用驼峰命名。例如：variationName 方法名：采用驼峰命名。例如：doSomething() 目录结构 |–images ...

微信小程序button data-后面的参数不能写驼峰

qq_41297837的博客

01-04

474

如果写驼峰，会自动识别成全小写正确写法： wxml: data-g-id js: event.currentTarget.dataset.gId wxml 的横杠分割会自动映射到 js 的驼峰 PS：下划线还是会被识别成下划线 ...

微信小程序html标签上自定义的data-属性，如果采用驼峰的格式获取的时候就有问题

肖肖肖丽珠的博客

08-19

343

希望点击的时候获取data上面带的那个categoryId的属性值。最后打印一下这个e看一下吧。发现id变成小写的了。但是打印的时候确是underfined。

小程序前端规范

Lon_wang的博客

08-22

352

使用指向page自身的this 在每个页面逻辑.js文件里使用let全局声明that变量，在Page()函数的参数onLoad()方法内把this赋给that。app.js里面是onLaunch()。 component 中created()（如有，优先在此写）或attached()。避免在每个方法里面都声明var that = this let that Page({ … onLoad() { that = this } … }) 优先使用 === 判断 js是动态类语言，使用==会涉及到类型转换，应尽

微信小程序——基本语法

沐小侠

07-19

3317

WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

微信小程序的传值问题(5种)——总结

最新发布

2202_75345049的博客

09-16

402

获取子组件的实例对象，就可以直接拿到子组件的任意数据和方法。子组件如果需要向父组件传递数据，可以通过小程序提供的事件系统实现传递传递，可以传递任意数据。与普通的 WXML 模板类似，使用数据绑定，这样就可以向子组件的属性传递动态数据。父组件如果需要向子组件传递指定属性的数据，在 WXML 中需要使用数据绑定的方式。1.在父组件 WXML 中使用数据绑定的方式向子组件传递动态数据。2.子组件内部使用 properties 接收父组件传递的数据即可。中的数据进行修改，但是一般不建议修改。

微信小程序自定义属性

04-13

微信小程序的自定义属性是指在组件中可以自定义添加的属性，用于实现组件的个性化定制和功能扩展。通过自定义属性，可以在组件中传递数据、控制样式和行为等。在微信小程序中，可以通过两种方式来定义自定义属性： 1. 在组件标签上使用data-*属性：可以在组件标签上使用data-*属性来定义自定义属性，其中*可以是任意的属性名。例如： ```html <view data-custom-attr="value"></view> ``` 在组件的js文件中，可以通过`this.data`来获取自定义属性的值： ```javascript Page({ onLoad: function() { console.log(this.data.customAttr); // 输出"value" } }) ``` 2. 在组件的properties字段中定义：可以在组件的properties字段中定义自定义属性，以实现更加灵活的属性控制。例如： ```javascript Component({ properties: { customAttr: { type: String, value: 'default value' } }, methods: { onTap: function() { console.log(this.properties.customAttr); // 输出"default value" } } }) ``` 在使用该组件时，可以通过在组件标签上设置属性值来传递数据： ```html <custom-component custom-attr="value"></custom-component> ``` 以上就是微信小程序中自定义属性的介绍。