Используйте этот тег для вопросов, связанных с версией 3 Vue.js, прогрессивной платформы Javascript с открытым исходным кодом для создания пользовательских интерфейсов.

Подробнее про vuejs3...

Я пытаюсь сделать приложение Vue 3. Я знаком с Vue 2, но не так хорошо знаком с Vue 3. Этот код работает: <template> <v-app> <v-main> <Map :features="features" /> <v-btn>Submit</v-btn> </v-main> </v-app> </template> <script setup> import Map from '@/components/Map.vue' <...
28 Май 2023 в 21:34
Sanjayacloud OP Опубликовано 1 час назад Ten Thousand Strong Achievement Badge Как перенаправить на страницу входа, если пользователь не аутентифицируется в vue 3 и Laravel в качестве бэкэнда Привет, Я хочу знать, как я могу перенаправить пользователя для входа в систему, если пользователь не аутент...
28 Май 2023 в 07:00
Я пытаюсь предоставить типизированную ссылку от родителя и ввести ее в дочерний элемент. Я не уверен, понимаю ли я документы VueJS, но что я придумал. import type { Ref } from 'vue' import type { InjectionKey } from 'vue' import type DocumentSet from '@/types/DocumentSet' const documentSet = Symbo...
27 Май 2023 в 14:37
В настоящее время я разрабатываю приложение с использованием Nuxt.js 3, и у меня есть массив объектов, который содержит информацию о членах команды. Каждый объект имеет свойство profil_path, которое содержит относительный путь к изображению профиля. Я хочу отображать эти изображения профиля в теге ...
27 Май 2023 в 14:35
При переключении между разделами я хочу переключаться между скрытием/показом и прокруткой целевого раздела в поле зрения. Этот код работает, но для завершения процесса требуется два щелчка вместо одного: первый щелчок переключает видимость, а второй щелчок требуется, чтобы фактически прокрутить целе...
27 Май 2023 в 13:09
Я пытаюсь визуализировать vue на странице внутри фрейма (структура фрейма не может измениться) Рендеринг прошел успешно, но есть проблема, что стили не применяются Я написал пример кода для воспроизведения ниже. Можете ли вы сказать мне, в чем проблема? gitRepo Код index.html Отрисовка vue внутри фр...
27 Май 2023 в 12:38
Я использую Typescript с Vue 3, используя сценарий установки. Учитывая эти 3 интерфейса: export interface Asset { id: number name: string assetId: string assetTypeId: number properties?: string[] } export interface DynTableField { key: string col: string label: stri...
27 Май 2023 в 01:32
Для рекламного проекта нам нужен плеер для вывесок LG. В то время мы сосредоточились на поддержке WebOs Signage 4.0, использующей движок Chrome 53. Однако теперь возникает запрос на поддержку WebOs Signage 3.2, который использует Chrome 38. При использовании современного JavaScript и библиотеки Vu...
26 Май 2023 в 23:29
Я загружаю маркеры в зависимости от ограничивающей рамки. они поступают из API через магазин Pinia. Я помещаю их в поле реквизита моего компонента оболочки карты map-view. маркеры — это круговые маркеры, отображаемые с помощью цикла vue-for. Когда я перемещаюсь по карте, поле реквизита изменяется...
26 Май 2023 в 19:22
У меня есть поле выбора с двумя вариантами. В обоих этих вариантах есть «дочерние» опции. Таким образом, если выбран вариант 1, отображается одно текстовое поле (Option1child), а если выбран вариант 2, отображаются еще 2 поля флажка (группы) (Option2child1, Option2child2). Все эти поля являются об...
26 Май 2023 в 18:25
Я пытаюсь использовать Suspense, чтобы показать счетчик загрузки. Он отлично работает при непосредственном использовании с fetch. Однако в некоторых случаях это не работает, так как мне нужно ждать, пока данные уже будут получены из другого компонента. Navbar --> userStore.fetchUser() Main --> awa...
26 Май 2023 в 16:29
Когда я пытаюсь установить реактивное свойство путем динамического доступа к свойству, я получаю ошибку машинописного текста, Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ settings : string; }'. Код такой: const settings = reactive({ name...
26 Май 2023 в 14:33
У меня проблема с предварительной загрузкой в ​​vue. Проблема в том, что мне нужно знать, когда последнее изображение загрузилось и отобразилось в DOM, чтобы выполнить некоторые другие действия. Не обращайте внимания на данные, рендеринг изображений и т. д. Мне нужно знать, как проверить, когда по...
25 Май 2023 в 23:36
Я пытаюсь написать одно вычисляемое свойство, которое будет соответствовать 2 реактивным переменным, сделав его динамическим. Я использую Typescript, Vue3-Composition API и PrimeVue. Используя Prime Vue, у меня есть 2 похожих компонента MultiSelect с такой структурой: <MultiSelect v-model="select...
Мой компонент Vue выглядит так (упрощенно): <template> <div @click="loadEvents">{{ loading }}</div> </template> <script setup> import { ref } from 'vue' let loading = ref(false) loadEvents() function loadEvents() { const res = backendApi.getEvents(selectedDate.value) loading = ref(res.loadin...
25 Май 2023 в 21:07
Я создаю некоторые компоненты, есть ли способ распространить свойство reaonly на все вложенные (с вложенными компонентами) без необходимости объявлять свойство «только для чтения: логическое» в каждом компоненте?...
25 Май 2023 в 20:09
У меня есть массив объектов let list = reactive([ {name : 'name', age :20}, {name : 'name', age :21}, {name : 'name', age :2}, ]); И используя v-for, я отображаю значения объекта. Чего я хочу добиться, так это отсортировать массив по нажатию кнопки и вернуть отсортированный массив. Пока сортировк...
25 Май 2023 в 18:45
У меня есть проект nuxt 3 с несколькими макетами. Я хочу создать глобальный компонент, который выполняется один раз, когда клиент впервые запрашивает мой сайт. И я не хочу, чтобы он размонтировался, когда пользователь меняет макеты. Возможно ли это с Nuxt 3? Вот глобальный компонент: <template> ...
25 Май 2023 в 16:24
У меня есть следующая функция в чистом JavaScript для прокрутки элемента, и я хотел бы преобразовать этот код в Vue 3. var source = '' function showScrollInto(currentLocation, toLocation) { source = currentLocation // where to return to after section is hidden document.getElementById(toLocation...
25 Май 2023 в 14:30
Я переписываю кучу компонентов из VeeValidate 3 в VeeValidate4 и столкнулся с некоторыми проблемами, когда дело доходит до добавления слотов использования для рендеринга сложного HTML. Это мой код: <template> <div> <Field :name="$t('form.email')" tag="div" :rules="`required|ema...
25 Май 2023 в 12:38
Я создаю приложение с помощью vite (vue) и добавляю vue-router@4.2.1 Я запускаю в режиме разработки (pnpm run dev), это работает! но я создаю и запускаю предварительный просмотр (pnpm run build + pnpm run preview) не работает Ссылка репозиторий Вы можете проверить, нажав href "TEST" на первой стран...
25 Май 2023 в 12:07
После развертывания моего приложения (vue3 typescript) в локальной папке xampp ("test1") маршрут работает неправильно, весь маршрут перенаправляется на "localhost/", а не в папку projcet "localhost/test1", в vite.config.ts добавить базовая роль для "test1". но есть такая же проблема введите описан...
25 Май 2023 в 12:00
Я получил белый фон, который не тот, который я определил, когда содержимое недостаточно велико, чтобы заполнить весь экран. Тем не менее, я мог видеть свой определяющий фон, когда контент занимал всю страницу. Я плохо разбираюсь в CSS, поэтому я попытался использовать Bulma, а не чистый CSS. Я испо...
25 Май 2023 в 07:37
Я пытаюсь запустить проект Vue 3 + Vuetify и получаю эту ошибку при запуске yarn build: >yarn build node_modules/vuetify/lib/components/index.d.mts:2:99 - error TS2724: '"vue"' has no exported member named 'JSXComponent'. Did you mean 'Component'? 2 import { Ref, DeepReadonly, ComponentPr...
24 Май 2023 в 21:56
Как я могу использовать значение переменной test в компоненте Home? Это компонент, который включает в себя Главную. Здесь я получаю значение test через соединение через веб-сокет. Обратите внимание, что я использую маршрутизатор, как показано ниже. <template> <v-app id="inspire"> <v...
24 Май 2023 в 18:39