Телеграмм чат группы nuxtjs

Size: a a a

Nuxt.js — русскоговорящее сообщество

1654 membersпожаловаться на группу

2020 November 01

DK in Nuxt.js — русскоговорящее сообщество

нук покажи весь компонент

источник

21:55пожаловаться #1

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

<template>
  <div>
    <div class="aside">
      <b-nav vertical>
        <b-nav-item>
          <router-link to="/admin/categories">
            <b-icon icon="blockquote-right" class="icon-menu"></b-icon>
            Категориялар
          </router-link>
        </b-nav-item>
        ... другие такие же ссылки
      </b-nav>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({});
</script>
<style scoped>
.aside {
  width: 300px;
}
</style>

источник

21:55пожаловаться #2

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

это я только что попробовал и router-link )

источник

21:56пожаловаться #3

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

видимо не там копаю. не в роутере дело, а в default layout

источник

21:57пожаловаться #4

DK in Nuxt.js — русскоговорящее сообщество

очень смущает

import Vue from "vue";
export default Vue.extend({});

источник

21:57пожаловаться #5

DK in Nuxt.js — русскоговорящее сообщество

ага

источник

21:57пожаловаться #6

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

очень смущает

import Vue from "vue";
export default Vue.extend({});

Vue.extend тот же вью инстанс вроде

источник

21:57пожаловаться #7

Владимир in Nuxt.js — русскоговорящее сообщество

очень смущает

import Vue from "vue";
export default Vue.extend({});

Это тот же инстанц, просто для поддержки тайпскрипта приходится писать таким образом

источник

22:02пожаловаться #8

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

эмм... с чего бы начать...
тут такое дело... надо регистрировать страницы которые хочешь использовать : ) не кидайтесь )

источник

22:12пожаловаться #9

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

я просто сильно понадеялся что в nuxt все автоматом схвачено и не надо указывать самому регистрацию. а он автоматом сцепляет только из папки ~/components

источник

22:13пожаловаться #10

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество

Ты хотел сказать из pages?

источник

22:16пожаловаться #11

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

Maxim Kostenko

Ты хотел сказать из pages?

сцепляет из components а я хотел передвигаться между pages/*

источник

22:17пожаловаться #12

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество

Вполне себе nuxt-link переключает между страницами, хз что у тебя не так

источник

22:20пожаловаться #13

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

Maxim Kostenko

Вполне себе nuxt-link переключает между страницами, хз что у тебя не так

не в роутерах дело. страницы не распознавались

источник

22:20пожаловаться #14

Victor Ivanov in Nuxt.js — русскоговорящее сообщество

Можете подсказать как реализовать: есть страница кружков(секций) с привязкой ко школе выводятся из коллекции 1 mongodb. Есть страница школ, где могут поставить оценку, данные из коллекции 2. Как вывести оценку на странице с кружками?

источник

22:25пожаловаться #15

Oleksandr Kobzar in Nuxt.js — русскоговорящее сообщество

Nurlan Karakulov

<template>
  <div>
    <div class="aside">
      <b-nav vertical>
        <b-nav-item>
          <router-link to="/admin/categories">
            <b-icon icon="blockquote-right" class="icon-menu"></b-icon>
            Категориялар
          </router-link>
        </b-nav-item>
        ... другие такие же ссылки
      </b-nav>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({});
</script>
<style scoped>
.aside {
  width: 300px;
}
</style>

для ts лучше используйту такую конструкцию
<script lang="ts">
import {Component, Vue} from "vue-property-decorator";

@Component({
name: "NameComponent",
components: {},
})
export default class NameComponent extends Vue {}
</script>

источник

23:52пожаловаться #16

Oleksandr Kobzar in Nuxt.js — русскоговорящее сообщество

Nurlan Karakulov

короче, если переходить с помощью NuxtLink to не работает без перезагрузки страницы (

источник

23:54пожаловаться #17

Oleksandr Kobzar in Nuxt.js — русскоговорящее сообщество

Nurlan Karakulov

<template>
  <div>
    <div class="aside">
      <b-nav vertical>
        <b-nav-item>
          <router-link to="/admin/categories">
            <b-icon icon="blockquote-right" class="icon-menu"></b-icon>
            Категориялар
          </router-link>
        </b-nav-item>
        ... другие такие же ссылки
      </b-nav>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({});
</script>
<style scoped>
.aside {
  width: 300px;
}
</style>

или просто заберите lang="ts"

источник

23:58пожаловаться #18

2020 November 02

Oleksandr Kobzar in Nuxt.js — русскоговорящее сообщество

router-link - для чистого vue, nuxt-link если используете nuxt

источник

00:01пожаловаться #19

Nurlan Karakulov in Nuxt.js — русскоговорящее сообщество

Oleksandr Kobzar

Спасибо. Как буду в офисе попробую

источник

05:26пожаловаться #20