如何解决当我不想要Vet组件时,可以更漂亮地格式化
我已将Prettier配置为保存时格式化。
我正在使用从npm获得的Vue组件来显示API中的数据。
<ExampleComponent
:aDynamicProp="foo"
dataset="bar"
/>
组件dataset
是必需的。
问题是Prettier每次保存时都希望将dataset
更改为data-set
。我想像是因为它认为我正在尝试创建HTML数据属性。
根据Prettier文档,我尝试在组件上方添加<!-- prettier-ignore-attribute -->
,但这似乎不起作用(也许是因为我在保存时触发了格式设置,或者因为它是Vue模板而不是HTML?)
有人能阐明我如何迫使Prettier忽略道具吗?
非常感谢!
解决方法
将冒号:
添加到:dataset
即可解决问题,如果只是静态字符串在dataset
内部运行,则使用反引号:dataset="`my string`"
进行(`)
。如以下所述,如果您是从data(){}
,computed
或methods
获取数据,则只需执行:dataset="yourData"
:
export default {
data() {
return {
yourData: 'Your String'
}
},// or
computed: {
yourData() {
return 'Your String'
},},// or
methods: {
yourData() {
return 'Your String'
},};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。