Attribute ‘:legendPosition’ must be hyphenated的解决方案

最新推荐文章于 2023-07-08 14:10:02 发布
最新推荐文章于 2023-07-08 14:10:02 发布
阅读量5.6k 收藏 2
点赞数 9
文章标签： js vue属性绑定
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41568816/article/details/108438848
版权

现在的博客真的是需要整治一下 今天写代码出了一个小问题 上网収全是要钱的答案 真的是服了
还好后面找到一个靠谱的答案 顺带记录一下
问题提示如下：
Attribute ‘:legendPosition’ must be hyphenated
在这里插入图片描述

解决方式 ：因为在绑定属性的时候不允许属性为驼峰命名法 所以需要把绑定的属性使用短横加小写代替 如：在这里插入图片描述

泥鸽鸽
关注
  • 9
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Attribute 'fileNameTitle' must be hyphenated (vue/attribute-hyphenation) at src\views\components-de
郭宝的博客
05-28 4302
错误原因： 出现该错误的原因是组件的属性fileNameTitle使用了驼峰命名法，导致ESLint 检测出语法错误 解决办法： 将fileNameTitle改为file-name-title即可 ...
Tomcat ssl报错Connector attribute SSLCertificateFile must be defined when using SSL with APR解决方法
09-30
主要介绍了Tomcat ssl报错Connector attribute SSLCertificateFile must be defined when using SSL with APR解决方法,需要的朋友可以参考下
Attribute ‘:identifyCode‘ must be hyphenated的解决方案
weixin_43896145的博客
10-20 7884
解决方式 ：因为在绑定属性的时候不允许属性为。
ESLint Attribute ':isShow' must be hyphenated (vue/attribute-hyphenation)
scy_fighting的博客
09-18 1万+
好久木有更新博客啦，来记录一波～ 最近在接别人做的一半的项目，搭建这个项目的人 eslint 弄了好多限制。我在vue父组件给子组件传值时注意写的： <contact :isShow="isShowDialog" @show="parentShow" /> 然后就会有警告如下图所示： 本来不想管这个警告，但是看着是在不舒服，最后给解决了。 该问题产生的条件是：传参的时候由于使...
warning Attribute ‘:isCollapse‘ must be hyphenated eslint报错解决方法
zqq_1119的博客
11-26 4532
接手的项目一般都是设置好的不会有很多eslint方面的问题，这段时间自己利用闲暇时间把一个项目从头到尾做一遍，梳理一下，只看文章我觉得转头就会忘，还是得实践，一边踩坑一边记录。会遇到很多各方面的设置问题的报错，一一解决。 有一条警告，主要意思是【属性“：isCollapse”必须用连字符连接】，isCollapse是一个父子组件之间传参的一个参数。导致的原因是传参是使用了驼峰命名，eslint 检查时报出警告。 解决方法：将isCollapse改成is-collapse ...
6.常见报错-已解决：v-on event ‘@showSizeChange‘ must be hyphenated
weixin_55181759的博客
05-11 3667
针对驼峰的错误提示，修改为连字符即可。
Attribute ‘:celldesignInfo‘ must be hyphenated
最新发布
qq_24523773的博客
07-08 137
Typescript报错 Attribute ':celldesignInfo' must be hyphenated。
AttributeError: module 'tensorflow.compat.v1' has no attribute '
08-02
AttributeError: module 'tensorflow.compat.v1' has no attribute 'contrib'的问题您具体怎么解决问题具体解决的seq_loss.py文件
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
09-21
在本篇内容中，我们将深入探讨在Python3环境下遇到`AttributeError: 'dict' object has no attribute 'iteritems'`这一错误的原因、分析及解决方案。 1. **Python 2 与 Python 3 的差异** Python 2 和 Python 3 是...
解决python多线程报错:AttributeError: Can't pickle local object问题
09-17
主要介绍了解决python多线程报错:AttributeError: Can't pickle local object问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
python报错: list object has no attribute shape的解决
12-17
在Python编程中，`shape` 属性是与数组操作密切相关的，主要用于获取或设置数组的维度和大小。当你尝试在一个列表（list）对象上使用 `shape` ...同时，保持对numpy和Pandas文档的学习，能够帮助你更好地解决这类问题。
已解决：v-on event ‘@saveApi‘ must be hyphenated
IU
01-21 1万+
v-on event '@saveApi' must be hyphenated 针对驼峰的错误提示，修改为连字符即可 解决方法 @saveAPI ------- > @save-api
Attribute value must be constant解决方法
热门推荐
编码人生
03-05 3万+
Attribute value must be constant：属性值必须恒定 在写springboot集成rabbitmq的时候使用注解@RabbitListener发生了这种情况： 原因： @component和@RabbitListener注解在启动项目的时候已近开始监听了，在name的值产生之前，所以会报这样的错误 解决思路： 我们要在@component注解之前拿到name的值，所以我们可以写在yml配置文件中： 这样name的值就先比@component拿到 问题解决！ ...
ESLint Attribute 'pageNumber' must be hyphenated.
LitongZero的博客
03-01 1万+
ESLint Attribute ‘pageNumber’ must be hyphenated. (vue/attribute-hyphenation) 问题产生条件 传参时，使用驼峰命名法，导致ESLint检测出语法问题，截图如下 WebStore下 运行时 解决方法 将pageNumber 改为page-number ...
VUE错误码Attribute ':sizeOpts' must be hyphenated
weixin_34378922的博客
04-03 2865
Attribute ':sizeOpts' must be hyphenated 因为属性有大写，需要添加 - 来取代 例如 tampData 换成 tamp-data 就可以了 转载于:https://www.cnblogs.com/ChineseLiao/p/10650010.html...
【bug】记录Attribute ':dialogId' must be hyphenated
鱼儿的博客
01-04 2770
驼峰命名ESLint检测语法错误 解决方法： dialogId ---> dialog-id
Eslint插件
qq_30817073的博客
09-20 1万+
ESLint旨在完全可配置，这意味着您可以关闭每个规则，只能使用基本语法验证，或者混合并匹配捆绑的规则和自定义规则，使ESLint完美的适用于您的项目。 一、eslint-plugin-vue 地址：https://github.com/vuejs/eslint-plugin-vue 安装： npm install --save-dev eslint eslint-plugin-vue@b
vue-vueadmin记录
.
09-23 2554
title: vue-vueadmin记录 categories: Vue tags: [vue, vueadmin, js, 记录] date: 2019-09-06 17:37:10 comments: false vue-vueadmin记录 相关资料 官方资料 GitHub - https://github.com/PanJiaChen/vue-element-admin/...
warning Attribute ':pageSizes' must be hyphenated vue/attribute-hyphenation
06-03
这个警告是因为 Vue.js 的属性绑定规则要求组件的属性名必须使用短横线命名法（kebab-case），而不是驼峰式命名法（camelCase）。 例如，如果你有一个组件的属性名为 pageSizes，应该改成 page-sizes。这样就不会出现这个警告了。 如果你不想修改属性名，也可以在组件的选项中添加一个 props 属性，用来指定这个属性的名称。例如： ``` Vue.component('my-component', { props: { pageSizes: { type: Array, default: function () { return [10, 20, 30, 40] } } } }) ``` 这样就可以通过 this.pageSizes 访问到这个属性了，而且不会出现警告。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值