Question

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

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

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

组件dataset是必需的。

问题是Prettier每次保存时都希望将dataset更改为data-set。我想像是因为它认为我正在尝试创建HTML数据属性。

根据Prettier文档，我尝试在组件上方添加，但这似乎不起作用（也许是因为我在保存时触发了格式设置，或者因为它是Vue模板而不是HTML？）

有人能阐明我如何迫使Prettier忽略道具吗？

非常感谢！

Answer 1

将冒号:添加到: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'
    },
  },
};

当我不想要Vet组件时，可以更漂亮地格式化

1 个答案: