【uni-app框架】一个奇葩的错误：你的组件传参props的参数命名不能太长,否则APP端会报错

最新推荐文章于 2024-01-11 06:49:08 发布
最新推荐文章于 2024-01-11 06:49:08 发布
阅读量909 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43343144/article/details/105546046
版权

常见错误 [错误] ./pages/tabbar/wallet/wallet.wxml:1:69: unexpected attribute name, near show-mn...

props: {
            showMnemonicSecurityWarningModule: {
                type: Boolean,
                default: false,
            },
    	}

<wallet-index-common :show-mnemonic-security="true" />

**

如果你的参数为showMnemonicSecurityWarningModule这么长,uni-app的APP端会报错,但是H5是正常的

**

weixin_43343144
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【uni-app】uni从入门到放弃之踩坑集合
12-21
1.使用vue-cli创建的uni-app的静态资源必须存放在static文件夹下， 尝试了绝对路径，相对路径都报错，找了半个多小时才度娘出来， 根据：https://ask.dcloud.net.cn/question/76738 2.vue组件数据单向流设计模式 今天使用uni写组件的试试，怪自己学识短浅遇到了这个vue的注意事项，就是vue父子组件数据单向流的原则。 比如说父组件传入一个value ，子组件props：{value}接收，如果要更改传过来的value这样属于违背了vue 的设计原则， 如果value是基本类型vue会报错，如果value是引用类型则不会报错，因为引用类型
react-basic-states-and-props:一个简单的react-app来演示stateprops和生命周期方法如何工作
05-09
科技类 ReactJS 本地跑步 在本地安装依赖项 npm install && npm start 部署方式 在github页面上 npm run build gh-pages -d build
vue组件命名和props命名代码详解
10-16
在本篇内容里小编给大家讲的是关于vue组件命名和props命名的相关知识点内容，有兴趣的朋友们可以学习下。
note-taking-app-reactjs:使用 reactjs 开发的笔记应用程序及其功能
07-24
记录应用 ReactJS。 记笔记使用 ReactJS 开发的 App 及其特性。 使用的技术： HTML。 CSS。 React。 React钩子。 功能组件。 React响应模式。 静音特点： 用户可以添加无限的笔记。 用户可以添加主标题和副标题以及注释的一些描述。 用户可以根据笔记主标题在笔记之间进行搜索。 模态用于搜索和添加注释。 项目预览：
react-native-global-props：一个简单的javascript实现，可向react-native组件添加自定义的默认props
02-05
react-native-global-props 一个简单的javascript实现，可将自定义默认道具添加到react-native组件。 是否曾经希望您可以设置适用于像CSS这样的react-native组件的全局样式？ body { background-color : 'teal' } p { font-size : 12 , font-family: 'Helvetica Neue' } 还是摆脱Android中每个TextInput底部的丑陋行？ 死了！ 现在你可以！ 安装 npm i react-native-global-props --save
React 性能优化 —— 浅谈 PureComponent 组件 与 memo 组件
Q781349304的博客
12-07 393
在谈性能优化之前，先抛出一个问题： 一个 React 组件，它包含两个子组件，分别是函数组件和 Class 组件。当这个 React 组件的 state 发生变化时，两个子组件的 props 并没有发生变化，此时是否会导致函数子组件和 Class 子组件发生重复渲染呢？ 曾拿这个问题问过不少前端求职者，但很少能给出正确的答案。下面就这个问题，浅谈下自己的认识。 一、场景复现 针对上述问题，先进...
uni-app的父与子页面传递参数之属性Props字段类型解析
青衫折扇的博客
10-26 5359
props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { type: String, required: true }, // 数字，有默认值 propD: { type: Number, default: 100 }, ...
Vue【有与无】【F2】父子组件之间的传值
琴韵悠悠
08-27 220
vue 父子组件之间的传值
[uni-app] uview封装Popup组件,处理props及v-model的传值问题
iOSTianNan的博客
08-18 2071
的组件, 现在有个需求是,进行简单封装,有些通用的设置不想每次都写(比如。* 通用 center型 - popup弹框, 其内容slot定义,然后说我们就可以通过 show这个状态去控制, 但此时我们会遇到一个报错。就是涉及到了 props单向传递, 与v-model产生了冲突。=>pop弹窗弹出, 只要设置。=>pop弹窗隐藏, 只要设置。uView(1.x版本)中, 有。这里就相当于, 子组件也去更改了。再进一步, 上面的写法也有点麻烦。再看这个地方, 是不是想到。这个props,这显然是。
问题解决：微信小程序编译后出现unexpected attribute name, near `.for`/`.key`/的等一系列unexpected attribute name, near问题
SueMagic
06-05 1128
微信小程序编译后出现unexpected attribute name, near `.for`/`.key`/的等一系列unexpected attribute name, near问题
uni-app 组件传值，组件方法调用，组件生命周期
qq_41974199的博客
08-06 1751
uni-app 组件传值 子组件：download.vue <view> {{downloadmsg}} </view> 在这里插入代码片
uni-app——uniapp 报错 Invalid default value for prop “XX“: Props with type Object/Array must...
最新发布
qq_43201350的博客
01-11 332
uni-app——uniapp 报错 Invalid default value for prop “XX“: Props with type Object/Array must...
vue父子组件传值
weixin_45359072的博客
05-28 117
一、父组件向子组件传值 //父组件代码 <template> <div class="index"> <Header :ishidden="你好！我是父组件数据"/> //通过v-bind:ishidden传值为子组件 <Footer /> </div> </template> <script> import Header from '../components/Header.vue'
uni-app错误： unexpected attribute name, near `externa...【我使用了关键词externalDisableButton】
weixin_43343144的博客
03-26 2790
0:32:43.343 TypeError: $gwx is not a function 10:32:43.363 at file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/www/app-view.js:115:27 at uniapp://ready:182 10:32:43.393 webview...
uniapp 自定义组件
m0_37792384的博客
09-04 1362
先上图我们已抽奖为例： 1. 完整代码： <template> <view class="content"> <view class="base_all_center " style="width: 90vw; height: 90vw; border-radius: 5px;z-index: 10; background-image: url(../../static/img_cj_back.png); background-repeat:no-repeat
uniapp中父组件向子组件传递Boolean类型的值
weixin_45803990的博客
01-29 2107
日常记录遇到的问题。 父组件向子组件传递Boolean类型的数据，使用 :isShow="true" （原本写的直接是isShow=false 结果发现不生效，打印下才发现这样写传递的是String类型的数据） （1）子组件中的定义 isShow:{ type:Boolean, default:true } （2）父组件中传递数据。 <card :isShow="false"></card> ...
vue props 传输数值或boolean
weixin_30301183的博客
02-21 4009
字面量语法 vs 动态语法 初学者常犯的一个错误是使用字面量语法传递数值： <!-- 传递了一个字符串"1" --> <comp some-prop="1"></comp> 因为它是一个字面 prop ，它的值以字符串"1"而不是以实际的数字传下去。如果想传递一个实际的 JavaScript 数字，需要使用v-bin...
执行Python程序时，报AttributeError: 'function' object has no attribute 'name'
热门推荐
喜欢海
01-08 11万+
写Python程序时，经常会报AttributeError: 'function' object has no attribute 'name'错误，仔细检查了程序，发现代码并没有错误，比如我的一个蓝本代码： from flask import Blueprint, render_template blog = Blueprint('blog', __name__) @aboutblog.r
【PowerDesigner】Constraint name uniqueness问题及处理
sdm_seven的专栏
11-22 1万+
使用PowerDesigner生成数据库脚本时报 Constraint name uniqueness 错误： 双击每行错误，发现外键引用的名字有重复的： 惯性去网上找解决办法，找到的主要是两个方法： 1.使用Automatic Correction 右键错误行，菜单中选择Automatic Correction，自动更正错误。 这样Constraint name 就会自
帮我写一个 uni-app自定义加载动画组件
07-11
当然可以！以下是一个简单的Uni-app自定义加载动画组件的示例代码： 在你的组件文件（例如`LoadingAnimation.vue`）中，可以使用以下代码： ```vue <template> <div class="loading-animation"> <div class="animation"></div> </div> </template> <script> export default { name: 'LoadingAnimation', props: { color: { type: String, default: '#000000' // 默认颜色为黑色 }, size: { type: String, default: '30px' // 默认尺寸为30像素 } } } </script> <style scoped> .loading-animation { display: flex; justify-content: center; align-items: center; } .animation { width: {{ size }}; height: {{ size }}; border-radius: 50%; border: 4px solid {{ color }}; border-top-color: transparent; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> ``` 使用该组件时，只需在需要显示加载动画的地方添加以下代码： ```vue <template> <div> <!-- 其他内容 --> <LoadingAnimation color="#ff0000" size="50px" /> <!-- 其他内容 --> </div> </template> <script> import LoadingAnimation from '@/components/LoadingAnimation' export default { components: { LoadingAnimation } } </script> ``` 这样，你就可以在需要显示加载动画的地方使用`<LoadingAnimation>`组件，并通过`color`和`size`属性自定义加载动画的颜色和尺寸了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值