Вопросы по теме 'vue-composition-api'

Использование функции композиции Vue в обычном компоненте Vue
В документации говорится, что это возможно, но нет примера, показывающего, как это сделать. Как бы это сделать?
20 просмотров
schedule 29.11.2021

Как использовать vue-axios в Vue3 Composition API?
Я использую express с NodeJS для запуска API-интерфейсов. Для аутентификации я использую следующий пакет const session = require('client-sessions'); app.use(session({ cookieName: 'session', secret: process.env.COOKIE_SECRET, duration: 30 * 60 *...
653 просмотров
schedule 01.12.2021

Как я могу предоставить функцию с API композиции?
Можно ли предоставить функцию в Vue 3, а затем вызвать функцию в дочернем компоненте? Я знаю, что это сработало с option API : provide() { return { $list: this, }; }, Но как я могу добиться того же с composition API ? Вот...
374 просмотров

Получите значения от редактора Monaco Editor
Я использую редактор Microsoft / Monaco в своем веб-приложении (Vue 3 и API композиции). Я пытаюсь получить значение из Монако, используя следующий код: <script> import { ref, onMounted } from "vue"; import * as monaco from...
59 просмотров

Обновите реактивные данные в обратном вызове ответа axios внутри параметра настройки - Vue 3
Я делаю вызов Axios в методе установки моего компонента. Затем я хочу установить переменную с именем books. В vue 2 я бы сделал вызов в созданном хуке, а затем использовал бы this для установки переменной. В vue 3 нет this в методе настройки,...
1113 просмотров

Vue 3 - Как использовать реактивную ссылку и вычислить без .value?
Когда мы используем Options API , мы можем определить некоторые свойства в разделе computed и некоторые свойства в разделе data . Все они становятся доступными из экземпляра по ссылке this , т.е. в одном объекте. Очень подходит. Например:...
1124 просмотров

Как посмотреть опору в api композиции?
Как я могу вызвать функцию при обновлении опоры? родительский контейнер: <div> <Maintable :type="typeRef" :country="countryRef" /> </div> дочерний контейнер: export default{ props:...
420 просмотров

Как использовать v-модель в компоненте в настройке скрипта vue 3
Я хочу добавить v-model в компонент, но получил следующее предупреждение: [Vue warn]: Component emitted event "input" but it is neither declared in the emits option nor as an "onInput" prop. Вот мой код: // Parent.vue...
1308 просмотров

Атрибут: привязка значения в теге select не обновляется внутри шаблона компонента Vue 3 (Composition API)
У меня есть раскрывающееся меню, в котором параметры перечислены и перемешаны, так что выбранный вариант становится первым. Этот сценарий работает по назначению: <div id="main"> <sub-select :subs="data"...
400 просмотров

Vue.js 3 - заменить / обновить реактивный объект без потери реактивности
Мне нужно обновить реактивный объект некоторыми данными после извлечения: setup(){ const formData = reactive({}) onMounted(() => { fetchData().then((data) => { if (data) { formData = data //how can i replace...
1328 просмотров
schedule 23.03.2022

ref vs reactive в Vue 3?
Рассмотрение некоторых примеров руководств некоторых пользователей по предварительному просмотру Vue 3. [Сейчас бета-версия] Я нашел два примера: Реактивный <template> <button @click="increment"> Count is: {{...
12629 просмотров
schedule 01.04.2022

Реактивный объект Vue Router, заключенный в ref (), не работает
У меня есть приложение, в котором я хотел бы распечатать местоположение пользователя, похожее на хлебную крошку. У меня есть компонент, который я добавляю на уровне приложения и ожидаю, что он обновится с текущим значением или объектом...
248 просмотров

Vue Composition API TypeScript ref не работает
Я пытаюсь использовать API композиции Vue с TypeScript, чтобы поближе познакомиться с предстоящими изменениями, и у меня возникает небольшая, но досадная ошибка. Когда я пытаюсь создать типизированное значение с помощью «ref» в приведенном ниже...
811 просмотров

ловушка получения данных vue3
У меня есть собственный крючок для получения данных, которые выглядят следующим образом: import { reactive } from 'vue'; import axios from 'axios'; interface State { isLoading: boolean; isError: boolean; errorMessage: string, data:...
450 просмотров
schedule 26.07.2022

Как мне сослаться на изображение внутри функции установки в Composition API в Vue 3?
Как ссылаться на изображение в функции настройки в Composition API? Путь: "../assets/pic.png" Если я использую путь непосредственно внутри шаблона, как src в теге img, изображение отображается на странице. Когда я его проверяю, он показывает имя...
216 просмотров

Как ввести вычисляемое свойство в новый API композиции?
Я играю вместе с новым плагином Vue для использования API композиции и TypeScript, и кое-что я не совсем понимаю. Как мне вводить вычисленные свойства? import Vue from 'vue' import { ref, computed, Ref } from '@vue/composition-api' export...
4857 просмотров
schedule 26.01.2023

Шаблон Vue не обновляет значение (api композиции)
У меня есть функциональная составляющая: export default defineComponent({ name: 'MovieOverview', components: { ExpandedMovieInformation, }, setup() { let toggleValue = false; const toggleExpandedMovieInformation = (moviex:...
732 просмотров
schedule 18.04.2023

Условно выполнить мутацию graphql после получения запроса
Сценарий Когда пользователь аутентифицирован ( isAuthenticated логическая ссылка): Проверьте, есть ли у пользователя предпочтения, обратившись к бэкенду graphql ( useViewerQuery ) Если для пользователя нет предпочтений, установите значение...
155 просмотров

Как получить доступ к свойствам объекта пользовательского интерфейса, используя строку в машинописном тексте
Мне нужно получить доступ к свойствам моего объекта динамически, используя заданную строку в качестве ключа. Я проверил следующее, но я не могу найти ответ, который ищу: Свойства динамического объекта TypeScript Свойство динамического доступа...
485 просмотров
schedule 24.08.2023

Nuxt - api композиции и наблюдатели
Я пытаюсь следить за некоторыми предупреждениями в моем компоненте import VueCompositionApi, { watch } from '@vue/composition-api'; import useWarning from '@composables/warnings'; Vue.use(VueCompositionApi); setup () { const { activeWarnings...
616 просмотров