Вопросы и ответы - vue-component

Вопросы и ответы - vue-component



Есть ответ!
Я пытаюсь интерполировать значение photo в Vue. Вот эти компоненты: Пояснение: Мы определяем набор данных как null. Затем мы выполняем метод post для внутренней базы данных, где мы получаем photo,email,name и id. Все работает нормально до значения photo. Как вы можете видеть, я выполнил метод среза на строке, который удалил ненужные данные. Результатом этого является только имя файла. <script&g...
Есть ответ!
В Laravel я могу использовать эту стенографию: {{ $my_variable ?? '-' }} Вместо: {{ ($my_variable) ? $my_variable : '-' }} Есть ли эквивалент в VueJS? Я делаю это до сих пор: @{{ (my_var) ? my_var : '-' }}
Есть ответ!
Я новичок в Laravel и Vue Js. Мне нужно получить текущий зарегистрированный пользовательский объект в компоненте Vue. Как я могу его получить? Пожалуйста, дайте мне ответ как можно скорее. Я попытался передать пользовательский объект в блейд-файл при вызове компонента Vue следующим образом, и это не сработало. <section id="vue-app"> <add-new-address :userName={{ Auth::user()...
Есть ответ!
Я следую этому учебнику YT, я следовал инструкциям, но кажется, что ExampleComponent не отображается. App.vue показывает, но не маршрут. Вот мой код: app.js import Vue from 'vue'; import router from './router'; import App from './components/App'; require('./bootstrap'); const app = new Vue({ el: '#app', components: { App }, router, }); router.js import Vue from 'vue'; im...
Есть ответ!
Есть ли способ установить vue 3.0 на Laravel 8? Когда я бегу npm install vue@next Он начал устанавливать Vue 3.0, но по какой-то причине он также начал устанавливать vue-template-compiler v2.6.12. Появляется следующее сообщение: Additional dependencies must be installed. This will only take a moment. Running: npm install vue-template-compiler --save-dev --production=false А потом, ког...
Есть ответ!
У меня есть простой выпадающий список, как это: <select v-model="selected.applicationType" v-on:change="applicationTypeChanged" class="form-control"> <option v-for="item in applicationTypes" v-html="item.text" v-bind:value="item.value"></option> </select> Выпадающий список привязан к модели, и событие изменения также работает, ...
Есть ответ!
Если вы открываете любой шаблон CodeSandbox default Vue, или просто шаблон vue-cli default, как это import Vue from "vue"; import App from "./App.vue"; Vue.config.productionTip = false; new Vue({ render: h => h(App) }).$mount("#app"); Он будет иметь дополнительный элемент <Root />. И он ломает все, что пишет this.$root. Почему это происходит? Есть ли какой-нибудь способ решить ...
Есть ответ!
Я хочу всегда показывать compopent если логика одно время является правдой. Я пытаюсь добавить и установить новый var, но получаю "неожиданный побочный эффект в "canShowAlways" вычисляемом свойстве". Как я могу сделать это в vue ? <mycomp v-if="canShowAlways" /> data: function(){ return { a: 0, b: 4, c: 1 d: 2, isAlwaysShow: false ...
Есть ответ!
Я новичок в Vue JS. Поэтому я просто сделал один компонент, который повторяет раздел, подобный сетке. но моя проблема в том, что когда я добавляю выпадающий список в сетку, это занимает слишком много времени. Записи могут быть увеличены в следующий раз, тогда время загрузки также увеличится, поэтому я ищу решение, чтобы время загрузки страницы уменьшилось. Вот пример, который я использую в своем ...
Есть ответ!
Это короткий пример, который иллюстрирует то, что мне любопытно решить. Этот пример в основном отображает элементы из списка элементов и позволяет пользователю регулировать количество элементов через поле ввода. Значение по умолчанию равно 0, но клиент / пользователь может изменить его до 10. Мне нужно иметь доступ к 2 вещам: имени элемента ("itemv") и количеству (через переменную" val"?) кажд...
Есть ответ!
поэтому я пытаюсь изменить img src при наведении событий на компонент. это работает, но так как я использую v-for, он меняет каждое изображение в строке вместо одного. вот код в main.JS : Vue.component("fiche-produit", { template: `<div class="col-3"> <img v-bind:src="image" width="380px"> </div>`, ...
Есть ответ!
Может кто-нибудь объяснить мне эту ошибку? идея этого компонента состоит в том, чтобы показать всплывающему окну, что он получает логическое свойство от компонента father. И это работает, но когда я пытаюсь закрыть всплывающее окно, у меня появляется ошибка. Заранее спасибо. <template> <v-dialog v-model="showHazteSocioPopup" max-width="700"> <v-sheet> <p id="test-...
Есть ответ!
Я пытаюсь заполнить выпадающие списки значениями, в то время как выпадающие списки "отправляются" через реквизит. Я правильно получаю данные с сервера и храню их в массиве, где я использую этот массив для заполнения выбранного выпадающего списка. Эта проблема выглядит как его ошибка Vuetify или Vue, но я не уверен. Код для динамических выпадающих списков выглядит следующим образом (Vuetify): &...
Есть ответ!
Я пытаюсь упаковать компонент Vue в библиотеку JavaScript, а затем использовать его в другом проекте с помощью Vue-sfc-rollup . Я могу упаковать компонент так же, как это говорит README. А потом, когда я его скопирую .минута.JS файл в другой проект и попытка использовать компонент, я всегда получаю ошибку: Vue warn handler: Failed to mount component: template or render function not defined. С...
Есть ответ!
У меня есть щель с оптическим прицелом. Мне нужно, чтобы содержимое, которое я передаю в слот, могло повлиять на родительский шаблон. Это то, что у меня есть до сих пор: Родитель.вю <template> <div> <slot :text="text" :msg="msg"/> <p>{{text}}</p> <p>{{msg}}</p> </div> </template> <script> export default { name: "Par...
Есть ответ!
Я новичок в Vue.JS. Мне не нравится работать с cli, поэтому я использую CDN для всего, но застрял в какой-то неизвестной проблеме. Я погуглил много вещей, но не мог понять, что происходит. Любая помощь была бы очень признательна. Вот мой указатель.РНР <!DOCTYPE html> <html> <head> <meta charset="8-utf" /> <meta name="author" content="Yash Gaikwad"&g...
Есть ответ!
<router-view @loggedIn="changed"></router-view> Привет, мне просто нужно знать, что такое @loggedIn в этом контексте vue js. Я, кажется, не могу найти этот синтаксис в документации. Является ли это пользовательским событием loggedIn, которое вызывает измененный метод?
Есть ответ!
Я понимаю эту концепцию: ребенок работает над своей собственной копией данных prop, и когда он изменил ее, он может $emit изменить это, чтобы родитель мог обновить себя. Однако я имею дело с рекурсивной древовидной структурой, например файловой системой, и это хорошая аналогия. [ { type: 'dir', name: 'music', children: [ { type: 'dir', name: 'genres', children: [ { type: 'dir', name:...
Есть ответ!
Я использую следующий учебник (pull download stats for npm packages) , чтобы построить основу для моего графического веб-приложения : https://hackernoon.com/lets-build-a-web-app-with-vue-chart-js-and-an-api-544eb81c4b44 https://github.com/apertureless/npm-stats Я извлек приведенный ниже код из учебника и изменил его, чтобы он делал чистые основы. Получить данные и представить их. Конкретно от ...
Есть ответ!
Я не продвинулся в Vue, предположим, что у нас есть : <v-autocomplete v-model="defaultUser" :hint="`User: ${defaultUser.username}`" :items="users" :item-text="item =>`${item.firstName} - ${item.lastName}`" item-value="userId" label="Related user" persistent-hint return-object ...


Закрыть X