uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决

最新推荐文章于 2024-05-05 19:15:34 发布
最新推荐文章于 2024-05-05 19:15:34 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： uniapp 文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43245095/article/details/128950622
版权

报错图片

在这里插入图片描述

问题

可能是 uniapp 转换 为 微信小程序的bug

报错的写法
   <otherFilter
    :listObject="other_class.data || {}"
   ></otherFilter>

传参采用 other_class.data || {} 写法传值给子组件 会报错

解决

   <otherFilter
   :listObject="{ ...(other_class.data || {}) }"
   ></otherFilter>
HHH 917
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
小程序报错"Bad attr 'src' with message"
AcLings的博客
09-02 1万+
在开发小程序引用图片时，用的是网上的路径，编译然后直接报错误信息如下图： 原因是引用的路径不要用{{ }}括号包起来，不然就会出现这个问题，把两个大括号去掉就可以了，就可以正常访问图片。 ...
uniapp：报错Bad attr `class` with message: unexpected token `‘,‘`.
好幸运
12-23 428
有点鬼畜，H5可以兼容，小程序报错，一直找不到哪里有问题，这下又浪费半个小时、、、
【学一点儿前端】Bad value with message: unexpected token `.`. 问题及解决方法
最新发布
fangyuan__的博客
05-05 430
注意到错误字符‘.’，这个错误通常发生在处理 JavaScript 或者 HTML 中的动态表达式中，日常使用二分法不断缩小报错代码范围，最终锁定到这一行。‘@babel/plugin-proposal-optional-chaining’, 是babel7用来解析js中的可选链运算符的；直接给项目安装依赖，让项目支持使用可选链操作符，这个方法是从其它大佬那边学到的，方便在改动代码量大的时候用。‘vue-template-babel-compiler’，是用来解析vue模版中的可选链运算符；
uniapp里css不是识别*，报 error at token “*“
FUFCY的博客
05-12 771
给子盒子加了 >* 能运行，但微信开发运行工具报错 应该把 > * 换成 :not(not) 就可以·了
微信小程序报错Bad attr ‘wx的原因以及解决办法
qq_44606064的博客
02-20 3048
微信小程序报错Bad attr 'wx的原因以及解决办法
uniapp开发微信小程序【Bug】记录
m0_46570767的博客
11-19 2584
使用uniapp开发微信小程序【Bug】合集 在HBuilder x运行正常，但是运行到微信开发者工具就报错 快速找到错误位置->右键选择格式化文档 1.报错：Bad attrdatawith message 使用的是嵌套数组： data: data() { return { boxArray: [{ id: 1, type: 'aa', items: [{ name: 'dd' }] }, { id: 2, type: 'bb', it
解决laravel5.4下的group by报错的问题
10-16
在 Laravel 框架中，Laravel 5.4 版本出现的 "group by" 报错问题通常是由于 MySQL 的严格模式导致的。MySQL 的严格模式旨在提高数据的完整性和一致性，它会更加严格地遵循 SQL 标准，特别是对于 GROUP BY 语句。在...
详解Vue中组件传值的多重实现方式
01-19
vue中组件传值方式整理 1.我们最熟悉的父子组件传值 父->子 props 子->父 $emit 这些我们最常用的就不说了，如果有不理解的，俺这儿有篇不错的文章，链接奉上~ ...2.兄弟组件或无关系组件之间的传值 ...
解决checkbox的attr(checked)一直为undefined问题
09-04
然而，有时在尝试获取复选框是否被选中的状态时，可能会遇到一个常见的问题：`attr("checked")`返回值始终为`undefined`。这个问题在实现全选功能时尤为突出，因为我们需要准确地判断所有子复选框的状态以同步总复选...
jquery checkbox无法用attr()二次勾选问题的解决方法
10-21
在jQuery中，处理复选框（checkbox）的状态时，可能会遇到一个问题，即使用`attr()`方法无法正确地进行二次勾选。这个问题在描述中已经提到，当尝试通过`attr()`方法改变checkbox的选中状态时，特别是在反复切换的...
vue组件间通信六种方式（总结篇）
10-17
- **`$attrs`** 包含父组件传递给子组件的所有未被 `props`声明的属性。**`$listeners`** 包含父组件的所有监听器。这在开发插件或组件库时非常有用，允许子组件透明地接收未知的属性和事件。 ```html <!-- 父...
微信小程序数据绑定
05-17
微信小程序数据绑定demo，便于初学者学习、借用、创建小程序
小程序Bad attr `wx:key` with message: unexpected token `*`.
Nontracely的博客
08-22 5081
Bad attr wx:key with message: unexpected token *. wx:key = “{{*this}}” 功能没问题，console里没有警告没有报错， 但二维码预览编译时报错，Error: wxml 编译错误， 错误信息：./pages/goorders/goorders.wxml:6:117: Bad attr wx:key with message...
uniapp表单验证报错
lesnsnsn的博客
02-14 661
uni-form动态表单验证报错Bad attr `rules` with message
Bad attr `wx... Bad Value with message... uni-app报错合集
前端专栏
06-11 1万+
1、v-if和v-else-if组合在微信小程序下报错 <view v-if="goodsList.length == 0">购物车是空的哦~</view> <view v-else-if="goodsList.length > 10">商品数量大于10了哟</view> 解决方案： <view v-if="goodsList.leng...
学习小程序笔记
qq_45659638的博客
04-19 79
开发小程序时，如果需要第三方包，安装第三方包时，都需要删除已经构建的好的miniprogram_npm包，然后安装自己想要安装的第三方包，最后重新在菜单栏中选中“工具”——>构建npm 即可。
微信小程序报错 Bad attr `wx:key` with message: unexpected token `*`.
江南雨
11-29 8511
  搜索以上错误代码：wx:key = “{{*this}}” 改成 wx:key = “*this” 预览测试即可     wx:key  如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 中的输入内容， 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供 字符串，代表在 fo...
uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message
热门推荐
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
10-16 1万+
Bad attr `data-event-opts` with message > 1 | <view class="activityContent data-v-74e8dc3a"> > <view class="poster_img_outside data-v-74e8dc3a" data-event-opts="{{index==setdata?animdata:{}}}"> > <image src="{{imgSrc}}" mode class=
前端开发---微信小程序中的页面代码中的模板的封装
luohe1234的博客
09-21 4432
最近在进行微信小程序中的页面开发，其实在c++或者说是js中都会出现这种情况，就是相同的代码会反复出现，这就是进行一定的封装，封装的好处就是可以是程序中在于减少一定的代码量，并且可是使代码结构更加清晰。那今天所要记录的就是关于微信小程序中的页面的模板封装。          在微信小程序中的文件名都带有wxml等样式，在wxml中提供了模板，即可以在模板中定义代码片段，然后可以在页面中的不同位置
Bad attr `class` with message
07-28
回答: "Bad attr `class` with message"错误通常是由于在Vue模板中使用了无效的class属性导致的。根据提供的引用内容，这个错误可能与引用\[2\]中的代码有关。在这个引用中，使用了嵌套数组的方式定义了一个data属性，但是在模板中可能没有正确地使用class属性。为了解决这个问题，你可以检查模板中是否正确使用了class属性，并确保它的值是有效的。另外，你也可以尝试使用引用\[1\]中提供的解决方法，使用正确的语法传递值给子组件。如果问题仍然存在，可能是由于uniapp转换为微信小程序时的bug导致的，你可以尝试使用引用\[3\]中的写法来解决问题。 #### 引用[.reference_title] - *1* *3* [uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决](https://blog.csdn.net/weixin_43245095/article/details/128950622)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp开发微信小程序【Bug】记录](https://blog.csdn.net/m0_46570767/article/details/121419354)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值