Как запретить журнал консоли в шаблоне Vue?

Происхождение $log:

Vue.prototype.$log = console.info

Места, которые должны быть запрещены:

<template>
  <!-- Place 1 -->
  <div @click = "$log">
    <!-- Place 2 -->
    {{ $log }}
    <!-- Place 3 -->
    {{ $log('foo') }}
  </div>
</template>

<script>
import Vue from 'vue'

// Place 4
Vue.prototype.$log('foo')

export default {
  created() {
    // Place 5
    this.$log('foo')
  },
}
</script>

Некоторая дополнительная информация, которая может помочь:

Чтобы уточнить, вы имеете в виду, как заставить eslint пометить $log как не разрешенный, а не как отключить вызов этой функции. Я правильно это понимаю?

— 24.12.2020 07:57

@apokryfos Да, цель состоит в том, чтобы запретить любое использование $log.

— 24.12.2020 08:20

@apokryfos У меня все работает.

— 26.12.2020 08:31

javascript vue.js eslint

24.12.2020 07:53

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

222

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Покопавшись в no-restricted-syntax, vue/no-restricted-syntax правилах и ASTs, я наконец заработал, вот рабочие правила:

{
  rules: {
    'no-restricted-syntax': [
      'error',
      {
        selector: '[name=$log]',
        message: "Using '$log' is not allowed.",
      },
    ],
    'vue/no-restricted-syntax': [
      'error',
      {
        selector: '[name=$log]',
        message: "Using '$log' is not allowed.",
      },
    ],
  },
}

26.12.2020 06:54

Другие вопросы по теме

Миксин мопса не возвращает ожидаемый контент

Добавить разбиение на страницы в div v-for (Vuejs)

Отправка события vue от родительского к дочернему компоненту в приложении laravel без использования шины событий

Возвращаемое значение метода не отображается

Как отформатировать документ Vue, чтобы он менялся в зависимости от размера окна?

Источники изображений не отображаются в динамическом контенте в Vue и Vuetify

Как вызвать модальный бутстрап и в то же время передать параметр компоненту внутри модального?

Как добавить HTML-комментарии в index.html при сборке в Vue CLI?

Как я могу загрузить определенный компонент из шаблона HTML в VueJS?

Прокручиваемый список карточек в Vue.js

Как запретить журнал консоли в шаблоне Vue?

Ответы 1

Другие вопросы по теме

Похожие вопросы