Prettier 当我不使用';我不想这样

Prettier 当我不使用';我不想这样,prettier,Prettier,我已将Prettier配置为在保存时格式化 我正在使用从npm获得的Vue组件来显示API中的数据 <ExampleComponent :aDynamicProp="foo" dataset="bar" /> 组件需要propdataset 问题是,每次保存时,我都希望将数据集更改为数据集。我这么想是因为它认为我正在尝试创建一个HTML数据属性 根据更漂亮的文档,我尝试在组件上方添加,但这似乎不起作用(可能是因为我在保存

我已将Prettier配置为在保存时格式化

我正在使用从npm获得的Vue组件来显示API中的数据

<ExampleComponent 
    :aDynamicProp="foo"
    dataset="bar"
/>

组件需要prop
dataset

问题是,每次保存时,我都希望将
数据集
更改为
数据集
。我这么想是因为它认为我正在尝试创建一个HTML数据属性

根据更漂亮的文档,我尝试在组件上方添加
,但这似乎不起作用(可能是因为我在保存时触发了格式化,或者因为它是Vue模板而不是HTML?)

有谁能解释一下我是如何强迫美女忽略道具的


非常感谢

将冒号
添加到
:dataset
中,这应该可以解决问题,如果它只是在
dataset
中执行的静态字符串,那么请执行
:dataset=“`my string`'”
加上反勾号
(`)
。如果您是从下面提到的
data(){}
computed
方法
获取数据,那么只需执行
:dataset=“yourData”


如果您将冒号
像这样添加到
:dataset
中,那么漂亮的人仍然会进行更改
:数据集
?我无法在启用了漂亮的人的项目中重现该问题。你为什么觉得它更漂亮?您能链接到显示此问题的GitHub repo吗?@tony19我没有安装任何其他格式化程序。抱歉,无法共享此文件repo@Syed它没有格式化它。作为一种解决方法,我将使用分号来表示数据中的字符串,这比禁用“更漂亮”要好!感谢you@bjurtown很高兴这个技巧帮助了你,我已经添加了它作为我的答案,所以请不要忘记投票并接受答案:)
export default {
  data() {
    return {
      yourData: 'Your String'
    }
  },
  // or
  computed: {
    yourData() {
      return 'Your String'
    },
  },
  // or
  methods: {
    yourData() {
      return 'Your String'
    },
  },
};