МД
Size: a a a
2020 July 19
МД
как сейчас сделать app.use()?
N
Ребят, кто нибудь может подсказать как заставить $router работать в Nuxt Typescript Class API?
если я пишу что-то вроде
import { Vue } from 'vue-property-decorator';
import VueRouter, { Route } from 'vue-router';
declare module 'vue/types/vue' {
interface Vue {
$router: VueRouter,
$route: Route
}
}
@Component
export default class Layout extends Vue {
mounted() {
this.$router.push('another-page');
}
}
компилятор выдает ошибку
Property '$router' does not exist on type 'Layout'
если я пишу что-то вроде
import { Vue } from 'vue-property-decorator';
import VueRouter, { Route } from 'vue-router';
declare module 'vue/types/vue' {
interface Vue {
$router: VueRouter,
$route: Route
}
}
@Component
export default class Layout extends Vue {
mounted() {
this.$router.push('another-page');
}
}
компилятор выдает ошибку
Property '$router' does not exist on type 'Layout'
А
по идеи типы роутера должны быть уже определены где-то, их не надо самому писать
А
если у тебя их нет то ты что-то не так делаешь скорее всего, пройдись по гайдам нукст + тайпскрипт https://typescript.nuxtjs.org/
N
там просто в гайдах про рутеры речи нет
BS
Ребят, кто нибудь может подсказать как заставить $router работать в Nuxt Typescript Class API?
если я пишу что-то вроде
import { Vue } from 'vue-property-decorator';
import VueRouter, { Route } from 'vue-router';
declare module 'vue/types/vue' {
interface Vue {
$router: VueRouter,
$route: Route
}
}
@Component
export default class Layout extends Vue {
mounted() {
this.$router.push('another-page');
}
}
компилятор выдает ошибку
Property '$router' does not exist on type 'Layout'
если я пишу что-то вроде
import { Vue } from 'vue-property-decorator';
import VueRouter, { Route } from 'vue-router';
declare module 'vue/types/vue' {
interface Vue {
$router: VueRouter,
$route: Route
}
}
@Component
export default class Layout extends Vue {
mounted() {
this.$router.push('another-page');
}
}
компилятор выдает ошибку
Property '$router' does not exist on type 'Layout'
tsconfig.jsonN
tsconfig.jsonа что там нужно прописать?
BS
BS
а что там нужно прописать?
{
"compilerOptions": {
"target": "ES2019",
"module": "commonjs",
"moduleResolution": "node",
"lib": ["ES2019", "esnext.asynciterable", "dom"],
"esModuleInterop": true,
"experimentalDecorators": true,
"sourceMap": true,
"strict": true,
"allowSyntheticDefaultImports": true,
"noEmit": true,
"baseUrl": ".",
"resolveJsonModule": true,
"paths": {
"~/*": ["./*"],
"@/*": ["./*"]
},
"types": ["@nuxt/types", "@nuxtjs/axios", "@types/node", "@types/jest", "webpack", "webpack-env"]
}
}А
https://github.com/vuejs/vue-router/blob/dev/types/vue.d.ts официальные дефинишены типов для вьюроутера содержат router
А
у тебя видимо что-то не так с tsconfig из-за чего из node_modules не подхватываются типы
N
все, сработало
N
большое спасибо)
В
Вообще много кто классовые компоненты юзает в этом чатике?
BS
Вообще много кто классовые компоненты юзает в этом чатике?
как знать
OK
Вообще много кто классовые компоненты юзает в этом чатике?
Мне нравятся
АН
Вообще много кто классовые компоненты юзает в этом чатике?
это гуано, не пользуйте, ждите vue3
2020 July 20
Д
Прикрутил Editor.js, прикольный блоковый редактор с продуманной системой плагинов