Неожиданное использование ошибки «this» es-lint, какое правило отключить? - PullRequest
Новая
       16

Неожиданное использование ошибки «this» es-lint, какое правило отключить?

0 голосов
/ 26 мая 2019

Я использую Nuxt, настроенный с el-lint и более красивым, но внезапно выдает ошибку, когда я использую 'this' в своем шаблоне. 

 6:15  error  Unexpected usage of 'this'  vue/this-in-template
 7:15  error  Unexpected usage of 'this'  vue/this-in-template
 11:15  error  Unexpected usage of 'this'  vue/this-in-template
 12:15  error  Unexpected usage of 'this'  vue/this-in-template

Я пытаюсь переписать свойФайл .eslintrc.js, но я не могу найти правило, которое позволит мне обойти эту ошибку es-lint.

Я знаю, что код работает, потому что я вижу, как результат в фоновом режиме проходит оверлей. 

<template>
 <div class="slugWrapper">
    <h1>this is {{ $route.params.slug }}</h1>
     <div class="card">
      <video 
       v-if="this.cards[0].type == 'Video'" 
       :src="this.cards[0].imageurl" 
       class="card__video" 
      @click="playPause" />
     <img 
       v-if="this.cards[0].type=='Image'|| 'image/jpeg'" 
      :src="this.cards[0].imageurl" 
      class="card__image" 
      alt="Image">
   </div>
 </div>

Мне нужно правило или способ игнорировать es lint в этой области

1 Ответ

1 голос
/ 26 мая 2019

Если вы хотите отключить это правило, вам нужно игнорировать правило vue/this-in-template в вашем файле .eslintrc: 

{
  "plugins": ["vue"],
  "rules": {
      "vue/this-in-template": "off"
  }
}

Вероятно, вам потребуется eslint-plugin-vue, установленный как зависимость, чтобы игнорировать это правило.

При этом, вероятно, это правило существует по какой-то причине, поэтому вы можете подумать о рефакторинге своего кода, чтобы вам не приходилось использовать this в ваших шаблонах Vue.

...