Вопросы и ответы - components

Вопросы и ответы - components



Есть ответ!
Я пытаюсь программно создать экземпляр Vuetify-components и добавить их в DOM. С простыми компонентами, такими как v-card или v-dialoge, он работает нормально, но не работает с v-data-tables. Я создал codesandbox, чтобы продемонстрировать эту проблему: https://codesandbox.io/s/throbbing-butterfly-4ljhx?file=/src/components/MainWindow.vue Посмотрите на ошибки в консоли при нажатии кнопки добавления...
Есть ответ!
Я новичок в D3 и хочу использовать этот элемент d3 в своей работе. Vue.js компонент. Проблема здесь в том, что периодическое вращение, которое мне нужно, не работает. Она начинается зацикливание ошибки равна нулю проекция элемента, определенного в глобальном масштабе. Кажется, что первый раз работает, но во втором случае объект больше не определен. Вот код: <template> <div> ...
Есть ответ!
Я настроил кнопку,которая при нажатии изменит тему. Сначала это работало нормально, пока я не захотел изменить цвет карты на цвет вторичной темы. Подобный этому: <v-card color="secondary" > Это работает, как и ожидалось, с текущей темой, однако, когда я меняю тему с помощью кнопки, все остальное меняется, кроме этого компонента. Мне нужно, чтобы это изменило...
Есть ответ!
привет всем, я просто хочу знать, как вызвать функцию perent из дочернего компонента я пытался использовать $parent для вызова метода perent, но у меня есть эта ошибка typeError: _this.$parent.forceRender не является функцией вот родительский метод, который я пытаюсь вызвать methods: { forceRender() { this.componentKey += 1 } }, а вот дочерний компонент, как вы можете виде...
Есть ответ!
я пытаюсь показать таблицу данных, поступающих из Firebase Firestore, мне уже удалось поместить все данные в массив, но когда я пытаюсь показать это содержимое, вместо отдельных элементов появляется весь массив, см. изображение: И вот мой код: <template> <v-simple-table> <template v-slot:default> <thead> <tr> <th class="text-lef...
Есть ответ!
это мой первый пост здесь! Просто нужна небольшая помощь с одной проблемой. Спасибо! Я только начал учиться vue.js и я пытаюсь получить свой второй шаблон компонентов для отображения на странице. По какой-то причине vue не рендерит мой второй компонент, а только первый. Я думаю, что что-то не так в индексном файле с <education :data='data' />. Нужно ли мне создать другой <div id='app'>...
Есть ответ!
Мои маршруты в маршрутизаторе Vue: { path: 'articles/create', component: () => import('Detail.vue') }, { path: 'articles/:id/edit', component: () => import('Detail.vue') }, Как вы можете видеть, я визуализирую один и тот же компонент Vue Detail.vue на обоих маршрутах. Как я могу "заставить" Vue уничтожить и воссоздать компонент Detail.vue, когда URL-адрес изменяется, например, с /articles/5...
Есть ответ!
Я хотел бы изменить компоненты изображения логотипа и формы, когда я нажимаю на логотип, он переходит к форме. Читать документы-это просто,но у меня ничего не получалось. Я не знаю, может быть, ему чего-то не хватает. Индекс.Вью: <template> <v-app> <transition name="fade" mode="out-in"> <Logo @click="show = !show" key=&qu...
Есть ответ!
я очень запутался в коде в моем компоненте Vue, так как любой элемент применяет шаблон из {{ title }}, за исключением одной кнопки, которая показывает синтаксис шаблона только как обычный HTML. Сгенерированная Страница Мой Код: <template> <li> <h2>{{ friend.name }}</h2> <!-- this button has the {{ title }} in it, but vue wont render it when generating the page ...
Есть ответ!
Как получить доступ к глобальным переменным внутри компонента vueJS? Я пытаюсь получить доступ к переменной url в функции fetch внутри methods, но это не сработает. var produits = []; var url = '/dataset.json'; const vm = new Vue({ el: "#app", data: { produits: [] }, methods: { handleKeyUp(event) { console.log(event.key); this.disp...
Есть ответ!
Я пытаюсь переключить видимость элемента span с помощью v-if внутри дочернего компонента. Я в основном пытаюсь использовать переключатель @click (Vuetify) с $refs. Не очень разбираюсь в коде, но мои исследования не дали решения. РОДИТЕЛЬ <v-switch label="hide manufacturer" @click="$refs.childComponent.hideManf()"></v-switch> <child-component ref="childCompo...
Есть ответ!
Это пример в react.js: Форма.jsx <FormInput type='text' name='displayName' value={displayName} onChange={this.handleChange} required /> Ввода.jsx const FormInput = ({ handleChange, ...otherProps }) => ( <input className="form-input" onChange={handleChange} {...otherProps} /> ) Мой вопрос заключается в том, как я могу передавать атрибуты другим компонентам С помо...
Есть ответ!
Я делаю небольшой прототип приложения, используя Vue.js фреймворк и я сталкиваюсь с проблемой. Я хочу всегда отображать поле ввода с кнопкой show, но условно отображать некоторый текст. Звучит достаточно просто, но когда я пытаюсь это сделать, он просто показывает пустую страницу. Вот мой код компонента: <template> <div class="box"> <input v-model="password"...
Есть ответ!
У меня есть проблема, как указано в названии. К сожалению, ни один другой пост мне по-настоящему не помог. В основном все, что я пытаюсь сделать, это отобразить изображение в моем компоненте, который будет пагинатором. Однако все это находится внутри проекта Laravel. Так вот оно что Paginator.js (действительно неполный), at /resources/js/components/Paginator.js: import React, { Component } from 'r...
Есть ответ!
У меня есть этот слот внутри моего компонента плитки. В основном мне нужно обнаружить конкретный другой компонент, который должен использоваться внутри этого слота, но слот также поддерживает другие html-теги, а не только этот конкретный компонент. Есть ли способ обнаружить специальный компонент, например <listitem /> внутри слота? <div class="tile"> <template v-if="...
Есть ответ!
У меня есть настройка в пользовательском интерфейсе на базе Vue, где пользователь может переключать содержимое определенного div между несколькими опциями, и две из этих опций оказываются экземплярами одного и того же дочернего компонента (с разными переданными свойствами). Все работает нормально при первом отображении любой заданной страницы контента или при переключении между двумя несвязанными ...
Есть ответ!
Я пытаюсь создать пользовательский элемент ввода, но по какой причине он никогда не будет работать и ничего не показывает. Теперь возникает вопрос: почему и что я делаю не так? Это мой код: import { Component, forwardRef } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; @Component({ selector: 'custom-input', template: '<input [(ngModel)]="v...
Есть ответ!
Я работаю над незнакомой кодовой базой, которая включает в себя некоторые компоненты, <v-content>, <v-card> и т. д. Есть ли надежный способ определить, где они определены? (Очевидно, я могу погуглить этот конкретный пример - я ищу общий метод отображения имени компонента обратно в его определение.)
Есть ответ!
Я пытаюсь переключить данные, которые у меня есть в компоненте, на основе того, что нажато в списке вкладок в верхней части моей страницы компонента. Данные поступают из хранилища данных Vuex. Судя по тестированию хранилища данных Vuex, все работает нормально. У меня есть фиктивные данные в хранилище данных, которые, кажется, хорошо работают в моем плагине Vue Chrome dev tools. Когда я структурир...


Закрыть X