Используйте этот тег для вопросов, связанных с версией 3 Vue.js, прогрессивной платформы Javascript с открытым исходным кодом для создания пользовательских интерфейсов.
Я пытаюсь сделать приложение 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...
В настоящее время я разрабатываю приложение с использованием Nuxt.js 3, и у меня есть массив объектов, который содержит информацию о членах команды. Каждый объект имеет свойство profil_path, которое содержит относительный путь к изображению профиля.
Я хочу отображать эти изображения профиля в теге ...
27 Май 2023 в 14:35
При переключении между разделами я хочу переключаться между скрытием/показом и прокруткой целевого раздела в поле зрения.
Этот код работает, но для завершения процесса требуется два щелчка вместо одного: первый щелчок переключает видимость, а второй щелчок требуется, чтобы фактически прокрутить целе...
27 Май 2023 в 13:09
Я пытаюсь визуализировать vue на странице внутри фрейма (структура фрейма не может измениться) Рендеринг прошел успешно, но есть проблема, что стили не применяются
Я написал пример кода для воспроизведения ниже. Можете ли вы сказать мне, в чем проблема? gitRepo
Код
index.html Отрисовка vue внутри фр...
Я использую 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.
Когда я перемещаюсь по карте, поле реквизита изменяется...
У меня есть поле выбора с двумя вариантами. В обоих этих вариантах есть «дочерние» опции. Таким образом, если выбран вариант 1, отображается одно текстовое поле (Option1child), а если выбран вариант 2, отображаются еще 2 поля флажка (группы) (Option2child1, Option2child2).
Все эти поля являются об...
Я пытаюсь использовать 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, чтобы выполнить некоторые другие действия. Не обращайте внимания на данные, рендеринг изображений и т. д. Мне нужно знать, как проверить, когда по...
Я пытаюсь написать одно вычисляемое свойство, которое будет соответствовать 2 реактивным переменным, сделав его динамическим. Я использую Typescript, Vue3-Composition API и PrimeVue.
Используя Prime Vue, у меня есть 2 похожих компонента MultiSelect с такой структурой:
<MultiSelect
v-model="select...
25 Май 2023 в 21:20
Мой компонент 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>
...
У меня есть следующая функция в чистом JavaScript для прокрутки элемента, и я хотел бы преобразовать этот код в Vue 3.
var source = ''
function showScrollInto(currentLocation, toLocation) {
source = currentLocation // where to return to after section is hidden
document.getElementById(toLocation...
Я переписываю кучу компонентов из 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" на первой стран...
После развертывания моего приложения (vue3 typescript) в локальной папке xampp ("test1") маршрут работает неправильно, весь маршрут перенаправляется на "localhost/", а не в папку projcet "localhost/test1", в vite.config.ts добавить базовая роль для "test1". но есть такая же проблема
введите описан...
25 Май 2023 в 12:00
1
Как я могу сделать так, чтобы мой определенный фон заполнял всю страницу с помощью Bulma в Vue.js 3?
Я получил белый фон, который не тот, который я определил, когда содержимое недостаточно велико, чтобы заполнить весь экран. Тем не менее, я мог видеть свой определяющий фон, когда контент занимал всю страницу.
Я плохо разбираюсь в CSS, поэтому я попытался использовать Bulma, а не чистый CSS.
Я испо...
1
TS2724: "vue" не имеет экспортированного члена с именем "JSXComponent". Вы имели в виду компонент?
Я пытаюсь запустить проект 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