BonBonSlick
@BonBonSlick
Vanilla Web Architect

Unresolved variable tooltip for vue + typescript tamplate?

PhPStorm IDE
template.html
<em @click="toggleMenu"
            class="fa far  fa-bars fa-3x opacity-4 transition-all-3 hover-opacity-1 text-pink cursor-pointer nav_menu-toggle-btn"
            v-if="true === isMenuClosed"
        ></em>


Menu.ts
'use strict';

import {Component, Vue} from "vue-property-decorator";
import * as Template    from './_template.html?style=./_styles.scss'

@Template
@Component<Menu>
export default class Menu extends Vue {
    private isMenuClosed: boolean = true;

    private toggleMenu(): void {
        this.isMenuClosed = !this.isMenuClosed;
    }
};


Unresolved variable toggleMenu
Unresolved variable isMenuClosed


Единственный вариант исопльзовать через
this.toggleMenu()
хотя раньше когда было расширение >vue warning отсутствовал
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
Aetae
@Aetae
Тлен
Если это вам пишет PHPStorm - смиритесь. Проверять я это конечно не буду, но скорее всего PHPStorm не знает что делать с vue синтаксисом в html и с @Template, потому что это не официальный и даже не распространённый способ работать с шаблонами Vue.
Ну или можете накатать feature request в багтрекер шторма.

Официальны спосб разнести SFC на отдельные файлы(хотя лично мне и отвратительна сама идея этого), это ссылаться на скрит и стили из .vue файла:
<template>
  <em @click="toggleMenu"
            class="fa far  fa-bars fa-3x opacity-4 transition-all-3 hover-opacity-1 text-pink cursor-pointer nav_menu-toggle-btn"
            v-if="true === isMenuClosed"
  />
</template>
<script lang="ts" src="./_script.ts"></script>
<style lang="sass" src="./_styles.scss"></style>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы