【ESLint】error Parsing error: ',' expected

227 阅读1分钟

初始写法:

  <a-anchor :change-hash="false">
    <a-anchor-link
      v-for="(item, index) in anchorList"
      :key="index"
      :href="item.anchor"
      :class="{ arco-anchor-link-active: item.anchor === anchor }"
      >{{ item.text }}</a-anchor-link
    >
  </a-anchor>

错误提示: error Parsing error: ',' expected

原因:

我推测的原因是eslint里面的变量不允许使用‘-’,除非你将它包裹起来(如有问题,请大佬指正)

正确写法:

  <a-anchor :change-hash="false">
    <a-anchor-link
      v-for="(item, index) in anchorList"
      :key="index"
      :href="item.anchor"
      :class="{ [`arco-anchor-link-active`]: item.anchor === anchor }"
      >{{ item.text }}</a-anchor-link
    >
  </a-anchor>