Вопросы с тегами [vuejs2]

0

голосов
0

ответ
5

Просмотры

VueJS / VueX: Часы никогда не вызывается, когда государственная собственность является массивом

У меня есть простой поток, которые состоят в: Вызов действия VueX хранить несколько автомобилей на стороне серверной Позвони мутацию для хранения новых автомобилей только что создали Объявите часы, которые должны вызываться каждый раз, когда массив автомобилей я изменилась Проблема в том, что мой наблюдатель является никогда не называли в моем компоненте. Модуль VueX: / * * Состояние: свойства для хранения * / Const State = {siteCars: []}; / * * Геттеры: Геттеры свойств, определенных в состоянии * / Const геттеры = {siteCars (состояние) {вернуть state.siteCars; }}; / * * Мутации (Сеттеры): Сеттеры свойств, определенных в состоянии * / Const мутации = {PUSH_CARS (состояние, данные) {state.siteCars = _.merge (state.siteCars, data.cars); }}; / * * * Действия / константные действия = {/ * * Действие используется для создания нескольких автомобилей * / massImportCars ({совершает, rootState}, Полезная нагрузка) {axiosBackend.post ( "/ автомобили / massimport", полезная нагрузка, {заголовки: {авторизации: rootState.auth.authString}}) .then (Рез => {совершающие ( "PUSH_CARS", {автомобили: res.data. данные});.}) поймать (ошибка => {}); }}; экспорт по умолчанию {состояние, геттеры, мутация, действия}; В моей Вьет компоненту: Я просто объявил Бодрствующий на моей собственности siteCars, которые приходят из геттера внутри модуля VueX. Проблема заключается в том, что обработчик никогда не вызывается, когда новые автомобили выталкиваются в состоянии siteCars. смотреть: {siteCars: {Обработчик (значение) {console.log ( "никогда не звонила !!"); }, Глубоко: истинно}}, вычисленная: {... mapGetters ([ "siteCars"])}, authString}}) .then (Рез => {фиксации ( "PUSH_CARS", {автомобилей: res.data.data});.}) улов (ошибка => {}); }}; экспорт по умолчанию {состояние, геттеры, мутация, действия}; В моей Вьет компоненту: Я просто объявил Бодрствующий на моей собственности siteCars, которые приходят из геттера внутри модуля VueX. Проблема заключается в том, что обработчик никогда не вызывается, когда новые автомобили выталкиваются в состоянии siteCars. смотреть: {siteCars: {Обработчик (значение) {console.log ( "никогда не звонила !!"); }, Глубоко: истинно}}, вычисленная: {... mapGetters ([ "siteCars"])}, authString}}) .then (Рез => {фиксации ( "PUSH_CARS", {автомобилей: res.data.data});.}) улов (ошибка => {}); }}; экспорт по умолчанию {состояние, геттеры, мутация, действия}; В моей Вьет компоненту: Я просто объявил Бодрствующий на моей собственности siteCars, которые приходят из геттера внутри модуля VueX. Проблема заключается в том, что обработчик никогда не вызывается, когда новые автомобили выталкиваются в состоянии siteCars. смотреть: {siteCars: {Обработчик (значение) {console.log ( "никогда не звонила !!"); }, Глубоко: истинно}}, вычисленная: {... mapGetters ([ "siteCars"])}, }; экспорт по умолчанию {состояние, геттеры, мутация, действия}; В моей Вьет компоненту: Я просто объявил Бодрствующий на моей собственности siteCars, которые приходят из геттера внутри модуля VueX. Проблема заключается в том, что обработчик никогда не вызывается, когда новые автомобили выталкиваются в состоянии siteCars. смотреть: {siteCars: {Обработчик (значение) {console.log ( "никогда не звонила !!"); }, Глубоко: истинно}}, вычисленная: {... mapGetters ([ "siteCars"])}, }; экспорт по умолчанию {состояние, геттеры, мутация, действия}; В моей Вьет компоненту: Я просто объявил Бодрствующий на моей собственности siteCars, которые приходят из геттера внутри модуля VueX. Проблема заключается в том, что обработчик никогда не вызывается, когда новые автомобили выталкиваются в состоянии siteCars. смотреть: {siteCars: {Обработчик (значение) {console.log ( "никогда не звонила !!"); }, Глубоко: истинно}}, вычисленная: {... mapGetters ([ "siteCars"])},
wawanopoulos
1

голосов
2

ответ
562

Просмотры

Issue with foundation used in .vue single file components

I have realised that there is a problem when using Zurb Foundation classes in .vue single file components. At first I could not get a Reveal Modal to work inside the .vue component but it was working when I use the same code in a blade or html file. Then I noticed a pattern because when I tried to use the Foundation's Orbit inside the component it failed, at first I thought it was an error but then I used the same code in a blade file and it worked. Other foundation classes such as row, grid and buttons are working just fine. Has anyone experienced the same issue? And how can I work around it? Here is the code for the modal: WATCH VIDEO × And for the orbit I used the basic example in the foundation docs for testing. Previous Slide◀︎ Next Slide▶︎ Space, the final frontier. Lets Rocket! Encapsulating Outta This World First slide details.Current Slide Second slide details. Third slide details. Fourth slide details.
Phillis Peters
1

голосов
3

ответ
2.4k

Просмотры

Как использовать собственные JS в качестве плагина с помощью nuxt JS

Я использую nuxt JS. У меня есть helper.js скрипт внутри папки плагинов, которые имеют метод простой тест (). Теперь, как я могу использовать этот метод Test () из страниц. helper.js функция экспорта по умолчанию Test () {возвращение 'Это тест'}
shak imran
1

голосов
1

ответ
89

Просмотры

Где бесконечность цикла?

Я считаю себя с ошибкой бесконечного цикла, но я не вижу, где это. Вот когда я добавить класс. Шаблон: Jour-де-ла-Semaine {{DAYOFWEEK (день, индекс)}} скрипт: данные: () {isWeekend ложь}, методы: {день недели (день) {вар d = момент (новая дата (this.currentYear + -»+ this.nbMonth + '-' + день)) день ();. если (д === 5 || д === 6) {this.isWeekend = истина} еще {this.isWeekend = FALSE} возврата this.days [d]}}
DenisMasot
1

голосов
0

ответ
66

Просмотры

Форма загрузки элементов через JSON от сервера в виде компонента vuetif

Каков наилучший способ загрузки элементов формы (в том числе макет строк, перевалы и значения) с сервера (JSON) в vuetify виде компонента (в том числе правила проверки) Спасибо
Marco
1

голосов
0

ответ
884

Просмотры

Как интегрировать ТСМ уведомления в VUE

Я строю веб-приложение в Vue с использованием Webpack. В настоящее время я хочу, чтобы интегрировать ТСМ (Firebase Cloud Messaging) уведомления в веб-приложение для отправленного уведомления пользователей. Я прошел через эту ссылку https://firebase.google.com/docs/web/setup?authuser=0, но я не в состоянии интегрировать его в Vue
UnmeshD
1

голосов
0

ответ
958

Просмотры

Преобразование JSON массива в объект на Вью Js 2

Я пытаюсь преобразовать мой JSON данных из массива в объект, чтобы иметь возможность потреблять данные, но что-то пошло не так ... Вот пример JSON данные: [{ «ID»: 1, «Название»: «мой название " "imgHero":" ../../path/hero.jpg»}] А вот компонент Ви: {{}} blog.title импорт tripsJson из '@ / данные / trips.json' экспорта по умолчанию {имя: 'приложение', данные () {возвращение {массив: tripsJson, блога: {}}}, создано () {вар OBJ = this.array.reduce (функция (соотв, дворняжка, я) {согласно [I] = Cur возврат согласно}, {}) this.blog = OBJ console.log (this.blog)}} Любая помощь или предложение более чем приветствуется. Спасибо
BeeLee
1

голосов
0

ответ
145

Просмотры

Прекратить Webpack от компиляции несколько раз на одном изменении файла

Я использую Vue.js Single File Компоненты с машинопись. Для CSS есть WebPack загрузчик, который генерирует CSS стилей файл из .vue файлов. правила: [{тест: /\.vue$/, использование: [{погрузчик: 'Вью-погрузчик'}]}, {тест: /\.vue$/, использование: [{погрузчик: «WebPack-Распылитель-погрузчик }]}, {тест: /\.css?$/, использование: [ 'стиль-погрузчик', 'CSS-погрузчик']}] WebPack-форсунка-погрузчик генерирует main.css, который я импортировать в моем Main. вю файл как: импорт»./main.css. Теперь, когда мое изменение ничего Main.vue, он запускает WebPack-распылитель-загрузчик, который генерирует новый main.css. Но поскольку main.css является зависимостью Main.vue, WebPack считает Main.vue изменился и снова запускает WebPack-распылитель-погрузчик вызывает петлю. oneOf кажется, что он может быть использован для моего дела, но я не очень понимаю, как это сделать. Любые указатели?
Kushagra Gour
1

голосов
1

ответ
1.2k

Просмотры

Как смотреть еще два магазина в Vue.js и Vuex?

Я использую Vue.js и Vuex. Я хочу, чтобы посмотреть значение магазина (я делюсь кодами образца в последнем из этого поста). Но я столкнулся с ошибкой «Ошибка: [vuex] store.watch принимает только функцию.» В данном веб-сайте, я обнаружил, как использовать «один» магазин. https://codepen.io/CodinCat/pen/PpNvYr Однако, в моем случае, я хочу использовать «два» магазина. Есть ли у вас какие-либо идеи, чтобы решить эту проблему. ● index.js 'использование строгой'; импорт Вьет из «ви»; импорт Vuex из 'vuex'; импорт {test1Store} от»./modules/test1.js'; импорт {test2Store} от»./modules/test2.js'; Vue.use (Vuex); экспорт Const магазин = новый Vuex.Store ({модули: {test1: test1Store, test2: tes21Store,}}); ● test1.js 'использование строгой'; импорт Вьет из «ви»; импорт Vuex из ' vuex '; Vue.use (Vuex); экспорт Const checkerStore = {пространство имен: истинно, состояние: {количество: 1}, {геттеры: GetCount (состояние) {возвращение state.count; }}}; экспорта по умолчанию {test1}; ● test.vue {{$ store.state.couunt}} импорт {магазин} из»./store/index.js'; экспорта по умолчанию {данные: функция () {возвращение {}}, магазин: магазин, методы: {}, смонтированный () {setInterval (() => {это $ store.state.count ++}, 1000.); . Это $ store.watch (это $ store.getters [ 'test1 / GetCount'], п => {console.log ( 'наблюдали:', п)}.)}}} 1}, {геттеры: GetCount (состояние) {возвращение state.count; }}}; экспорта по умолчанию {test1}; ● test.vue {{$ store.state.couunt}} импорт {магазин} из»./store/index.js'; экспорта по умолчанию {данные: функция () {возвращение {}}, магазин: магазин, методы: {}, смонтированный () {setInterval (() => {это $ store.state.count ++}, 1000.); . Это $ store.watch (это $ store.getters [ 'test1 / GetCount'], п => {console.log ( 'наблюдали:', п)}.)}}} 1}, {геттеры: GetCount (состояние) {возвращение state.count; }}}; экспорта по умолчанию {test1}; ● test.vue {{$ store.state.couunt}} импорт {магазин} из»./store/index.js'; экспорта по умолчанию {данные: функция () {возвращение {}}, магазин: магазин, методы: {}, смонтированный () {setInterval (() => {это $ store.state.count ++}, 1000.); . Это $ store.watch (это $ store.getters [ 'test1 / GetCount'], п => {console.log ( 'наблюдали:', п)}.)}}} /store/index.js'; экспорта по умолчанию {данные: функция () {возвращение {}}, магазин: магазин, методы: {}, смонтированный () {setInterval (() => {это $ store.state.count ++}, 1000.); . Это $ store.watch (это $ store.getters [ 'test1 / GetCount'], п => {console.log ( 'наблюдали:', п)}.)}}} /store/index.js'; экспорта по умолчанию {данные: функция () {возвращение {}}, магазин: магазин, методы: {}, смонтированный () {setInterval (() => {это $ store.state.count ++}, 1000.); . Это $ store.watch (это $ store.getters [ 'test1 / GetCount'], п => {console.log ( 'наблюдали:', п)}.)}}}
ketancho
1

голосов
0

ответ
274

Просмотры

Override компонента Vuejs из включенного компонента в моем приложении

Я работаю на приложение, которое включает Vuejs Вью Bootstrap календарь. Я действительно нужна только календарная структура без событий, и поэтому я хочу, чтобы иметь возможность переопределить содержимое каждого день ячейки и поместить в моем собственном пользовательском контенте. Я был в состоянии сделать это успешно с Angularjs использования Угловой Bootstrap календаря, но я не мог понять, как это сделать с Vue. Ответ, который я получил от автора в основном, что я должен написать свой собственный компонент, и включить все включенные библиотеки. Однако, так как я просто нужно переопределить Day.js, даже если я должен написать свой собственный компонент, так как день является частью общего компонента, как я могу просто включить свой компонент таким образом, что он включен в качестве части компонент VBC без необходимости в основном включает в себя все, что компонент в моем коде? Я смотрел на Mixins, и так толст, что кажется, как ближайший вариант, но я не был уверен, что если бы я шел по правильному пути. Есть ли способ, чтобы переопределить компонент, который мне не хватает?
wonder95
1

голосов
0

ответ
398

Просмотры

VueJS аутентификации с Django REST Key

Я могу получить ключ после входа в систему через мой Django REST API, но мне интересно, как я должен хранить этот ключ. Я на самом деле не используя Django, но я думаю, что я должен хранить куки себя то или что-то. Я использую AXIOS для VueJS взаимодействовать с API. Я использую Джанго остальное авторизацию, чтобы получить маркер.
Florin
1

голосов
0

ответ
111

Просмотры

Vue.js + Tippy.js (вю-неустойчивый): всплывающие подсказки не обновляется фильтруется / список изменённых

Я пытаюсь использовать VueTippy для отображения деталей элементов в отфильтрованный список. Все работает правильно, когда отображается полный список. Для отфильтрованного списка, неправильные подсказки отображаются (список файлов из неправильного элемента списка). HTML: {{job.jobName}} {{job.jobName + ':' + file.fileName}} JS: Const приложение = новый Вью ({эш: "#app", данные: {filterJobName: "", рабочие места: [{ID: 1, JobName: "Страус", файлы: [{имя_файла: "ultrices.jpeg"}, {имя_файла: "pede_morbi_porttitor.png"}, {имя_файла: "maecenas_rhoncus_aliquam.png"}, {имя_файла: «orci_eget_orci .jpeg»}]}, указатель; } {Сторона дисплей: нет; } .File-список {выравнивания текста: слева; } Рабочий пример можно посмотреть здесь: https://codepen.io/anon/pen/Lervxw Есть предложения?
Giewont
1

голосов
1

ответ
51

Просмотры

vuejs - ленивая загрузка с помощью WebPack глыбы - импорт против requie-решимости

В случае отложенной загрузки с использованием WebPack ломти, я нашел несколько способов - один с помощью требует и решить и другой используют импорт. требуют и разрешения Const Главная ПУТЬ = решительность => {require.ensure ([ 'компоненты / Home / Home'], () => {решительность (требуется ( 'компоненты / Home / Home'));}, 'дом' ); }; импорт Const Главного ПУТИ = импорт (/ * webpackChunkName: "дом" * / 'компоненты / Home / Home'); Может кто-то пожалуйста, объясните мне, что разница между этими 2 подходами? И когда использовать каждый из них?
skubal
1

голосов
1

ответ
155

Просмотры

Vuefire динамический путь

Как установить путь для vuefire, как показано ниже экспорта по умолчанию {firebase: {ClassList: db.ref ( «глава / 1»), // здесь 1 должны быть взяты из данных // как этот db.ref ( «глава /» + this.chapterid)}, данные: {chapterid: ''}, устанавливается: {// getchapterid здесь this.chapterid = getChapterId ()}} это не работает, возвращает ошибку неопределенную chapterid, есть в любом случае сделать это?
rashidnk
1

голосов
0

ответ
294

Просмотры

Лучший способ организовать компоненты в Vuejs

Изображение ниже представляет собой макет, который мы должны реализовать и я собираюсь туда и обратно, как организовать наши компоненты VUE. Эта форма будет использоваться для создания пользователей, но и он будет использоваться для редактирования пользователей, редактировать свой профиль и создание первоначального пользователя при создании компании (запрос бизнеса). Дело в том, в различных сценариях нам понадобятся некоторые части формы будет показать / скрыть или отключен (например, когда пользователь редактируя свой профиль, он не может изменить свои роли или его электронной почты (бизнес-требования), при редактировании электронной почты пользователя и пароль не может быть изменен, и т.д.). То, что мы сделали (но почему-то пахнет тусклый) является то, что мы разделили эту форму на 6 компонентов (UserContactInfo, UserProfileImage, UserGeneralInformation, USERSECURITY, UserAccountOptions, UserRoles) и мы имеем 4 компонентов контейнера, размещающие эти одни (создать пользователя, редактировать пользователь, редактировать свой профиль, создать пользователь компании). Каждый из этих небольших компонентов (UserContactInfo, UserGeneralInformation ...) отвечает за обновление части объекта пользователя в vuex (так UserContactInfo обновит FirstName, LastName, .. и т.д.), и мы должны передать свойства каждой из форм, если это нам нужно, чтобы показать / скрыть или включить / отключить некоторые поля (электронная почта, имя дисплей, и т.д ..). Эта последняя часть я особенно не найден. Является ли это то, что имеет смысл, и это только моя паранойя ног в, или есть более элегантное решение для этого. Спасибо и т.д.), и мы должны передать свойства каждой из форм, если нам нужно, чтобы показать / скрыть или включить / отключить некоторые поля (электронная почта, имя дисплей, и т.д ..). Эта последняя часть я особенно не найден. Является ли это то, что имеет смысл, и это только моя паранойя ног в, или есть более элегантное решение для этого. Спасибо и т.д.), и мы должны передать свойства каждой из форм, если нам нужно, чтобы показать / скрыть или включить / отключить некоторые поля (электронная почта, имя дисплей, и т.д ..). Эта последняя часть я особенно не найден. Является ли это то, что имеет смысл, и это только моя паранойя ног в, или есть более элегантное решение для этого. Спасибо
kljuco
1

голосов
3

ответ
242

Просмотры

Как установить или проверить это. $ Родителя в модульном тестировании Vuejs?

В моих компонентов набора данных () {категории:. Это $ parent.categories => который я поставил в main.js} Файл кода main.js импорт категорий из»../config/categories'; новый Vue ({маршрутизатор, данные: {категории: категории}}); Я создал 1 тест функцию блока он ( 'проверка компонента кнопки', () => {сопз обертка = неглубоко (FormSearch), ожидать (wrapper.contains ( 'кнопка')) Тоба (истина),.}); Я бег теста затем показать сообщение об ошибке: Ошибка в данных (): «Ошибка типа: Не удается прочитать свойство„категории“неопределенных» Как это исправить. Помоги мне.
hiep
1

голосов
1

ответ
1.1k

Просмотры

Vue.js - How to add components inside rendered HTML

I need to format a Wordpress-based website editor from being fully pre-rendered to being rendered through Vue.JS. The editor's backend (done in PHP) sends me the HTML of the elements on the page. I want to render the page with Vue.js templates/components, with the HTML from the backend, for each element. It would look something like: The problems is that these elements can also have children. Not only that, but some of the elements with children (for example accordions) could look like this: Or ... ... Where the divs that wrap the child element belong to the parent element (in the HTML sent by the server). Here's a real-life example of the object I'm supposed to convert into a component based interface. { id: 1, html: "%%%%THIS_SHOULD_BE_REPLACED_WITH_COMPONENT_BASED_ON_CHILD_HTML_WITH_ID_2%%% ... ", children: [ { id: 2, html: "This is the final content", children: [] }, { id: 3, html: "%%%%THIS_SHOULD_BE_REPLACED_WITH_COMPONENT_BASED_ON_CHILD_HTML_WITH_ID_5%%%", children: [ { id: 5, html: "This is the final content", children: [] } ] }, { id: 4, html: "%%%%THIS_SHOULD_BE_REPLACED_WITH_COMPONENT_BASED_ON_CHILD_HTML_WITH_ID_6%%%%%%%THIS_SHOULD_BE_REPLACED_WITH_COMPONENT_BASED_ON_CHILD_HTML_WITH_ID_7%%%", children: [ { id: 6, html: "This is the final content", children: [] }, { id: 7, html: "This is the final content", children: [] } ] } ] } Now the question is: How do I render these children INSIDE the parent's HTML while also having them as components?
Peter
1

голосов
1

ответ
526

Просмотры

Использование мультипликатора «выберите» HTML-элемент с Vue.js и Materializecss

Я пытаюсь сделать HTML несколько выберите элемент формы с Vue.js. Он отлично работает после того, как после этого. Однако, если бы я добавить CSS материализуются, то выберите элемент выглядит лучше, но он не работает, и я получаю эти предупреждения: [Вью предупреждают]:: рядный выбранные атрибуты на будут игнорироваться при использовании V-модели. Объявить начальные значения в опции данных компоненты вместо этого. [Вью предупредит]: ожидает значение массива для его связывания, но получил номер (находится в корневой экземпляр) Это мой Vue.js код: вар приложение = новый Vue ({эш: «#app» данные: {отмеченными: 900 , опции: [{значение: 12, текст: 12}, {значение: 24, текст: 24}, {значение: 36, текст: 36}]},
Seio
1

голосов
0

ответ
218

Просмотры

navigator.app.exitApp(); is not working in cordova app (Android, Vue, Quasar Framework)

i tried exiting app on my android app. but, it's not working. I am using quasarframework, vue2 and javascript. enter image description here 'yes' touch is not working. help me. thank you. mounted: function() { document.addEventListener("deviceready", this.onDeviceReady, false); }, methods: { onDeviceReady () { document.addEventListener("backbutton", this.onBackKey, false); }, onBackKey() { Dialog.create({ title: 'Exit', message: 'exit?', buttons: [ { label: 'No', handler () { } }, { label: 'Yes', handler: () => { this.onBackKeyResult(); } } ] }); }, onBackKeyResult (buttonIndex) { if (buttonIndex == 1) { navigator.app.exitApp(); } }; } Evironment quasar version : Quasar CLI v0.6.5, App running on Quasar v0.14.9 cordova -version : 8.0.0 cordova-android : 7.0.0 cordova plugin : "cordova-plugin-crosswalk-webview": "^2.4.0", "cordova-plugin-fcm": "2.1.2", "cordova-plugin-splashscreen": "^4.1.0", "cordova-plugin-whitelist": "^1.3.3"
sangchoel LEE
1

голосов
1

ответ
383

Просмотры

Vue несколько экземпляров расслоения плотного модуля

Не уверен, что если этот вопрос будет соответствующим названием. Я использую Vue 2 и несколько нуб на него (это мой третий день). У меня есть основное приложение со страницами продукта. Моя система оплаты через полоску. Я использую модуль НПМ здесь https://www.npmjs.com/package/vue-stripe Если я просматриваю вокруг сайта и нажмите на несколько продуктов, кажется, как он создает все больше и больше экземпляров полоской, потому что, когда Я иду, чтобы сделать покупку, это делает такое же количество звонков, как, сколько раз я нажал на страницах продукта. Так что, если я только один раз посетить страницу продукта, полоса апи только вызывается один раз, на мой второй визит на страницу продукта полоса апи вызывается дважды, когда я делаю покупки, и так далее. Другое дело, если я обновить страницу, нажав на кнопку браузера перезагрузки он возвращается в исходное положение, и только загружает один экземпляр полоской. Мой продукт.
Bob
1

голосов
0

ответ
23

Просмотры

проверить, если требуется поле являются

Я пытаюсь заставить Валидацию требовать в VueJs2. (Без какой-либо проверки Lib формы). У меня есть поле, которые отображают в зависимости от того, если требуется элемент заполнены. Я не могу найти оу хороший способ сделать это. У меня подвести итог ситуации в приведенном ниже коде (очень упрощенным) Все отлично Некоторые требуют ввода пусты, я не могу определить, что делать в этом allRequiredFieldHaveContent (). Любые предложения, пожалуйста? NB: Я не могу поставить некоторые V-модель на тех входных данных для причин ...
ssbb
1

голосов
0

ответ
557

Просмотры

Vue.js + Элемент - потери активного класса пункта меню при переключении меню

Я использую библиотеку Element.eleme.io UI с Vue.js 2+ и построение вертикальной боковой панели (документы: http://element.eleme.io/#/en-US/component/menu) Проблема в том, когда Я переключить меню, чтобы развернуть / свернуть, я схожу выбранный активный пункт меню / (в документации всегда реверс по умолчанию один, например) - как сохранить ее между этим переключателем? В настоящее время я даже создал вычисленное значение по умолчанию активные опоры, но он по-прежнему не работает, как я хотел бы: Забавная / Странная вещь, что после переключая меню, проп по умолчанию активных установлен правильно, но активный класс пункта меню исчезнет, ​​и пользователь не знает, какой элемент выбрана.
lukaszkups
1

голосов
1

ответ
354

Просмотры

How to use createAutoCorrectedDatePipe and createNumberMask feature from text-mask in vue?

Я использую этот удивительный компонент VUE под названием текст маска, он предлагает простое, но элегантное решение для ввода маски, которые я использую для ввода формата DATETIME и формата чисел. я могу сделать это работает по большей части на основе из документации, как этот номер телефона импорт MaskedInput из «ви-текст-маски» экспорта по умолчанию {имя: «имени», компоненты: {MaskedInput}, данные () {возвращение {Телефон: ' }}}, но предлагает только некоторые базовые функциональные возможности, и мне нужно больше как для ввода даты и времени я хочу, чтобы убедиться, что максимальное количество за месяц (только 12) и на сегодняшний день (30 или 31 в зависимости от месяца), и есть те особенности, в текст-маска, которая действует в качестве аддонов, но я не могу найти или понять, как заставить его работать в вю. я пытался создать проблему на GitHub, но видя активность там я думаю, что мой вопрос не будет ответа. поэтому я думаю, что это так намного быстрее, если я просто прошу вас все здесь. Может быть, есть кто-то, кто когда-либо использовал это или, может быть, у других гораздо лучше для ввода Рекомендации для компонента маски, которая работает в вю пути?
Laurensius Tony
1

голосов
0

ответ
236

Просмотры

VUEJs : import service in main.js

Я сделал создать службу для проверки подлинности в vuejs импорта Аксиоса из «Аксиоса»; вар authenticateService = {логин: функция (имя пользователя, пароль) {вар форма = новые FormData (); form.append ( "Имя пользователя", Имя пользователя); form.append ( "пароль", пароль); вернуть axios.post (LOGIN_API, форма); }} Экспорт authenticateService по умолчанию; Я хочу использовать эту услугу в моем main.js, где я получил AXIOS перехватчик. У меня перехватчик, который relogins если получал 401 ответ от сервера импорта authenticateService от «./service/AuthenticationService»; импорт Вардар из «Аксиос»; axios.interceptors.response.use (не определено, эээ => {пусть Рез = err.response;! если (res.status === 401 && && res.config res.config .__ isRetryRequest) {вернуть новое обещание ((решимость, отклонять) => {authenticateService // Ошибка здесь. authenticateService не определено .login ( 'user1username', 'user1password') .Затем (результат => {localStorage.setItem ( "expire_time", response.data.expires_in); localStorage.setItem ( "access_token", response.data.access_token); err.config .__ isRetryRequest = TRUE; err.config.headers.Authorization = "Канал" + response.data.access_token; разрешить (ERR);}) .catch (е => {localStorage.removeItem ( "expire_time"); LocalStorage .removeItem ( "access_token"); отвергнуть (е);}); }); }}); Этот перехватчик бросает ошибку говоря «authenticateService не определен». Хотя я импортировал authenticateService, я получаю это не определено. Не уверен, что я сделал неправильно здесь. Редактирование возврата Вардар объекта из функции входа
MARKAND Bhatt
1

голосов
0

ответ
843

Просмотры

vue.esm.js?efeb:578 [Vue warn]: Cannot find element: #app

I'm trying to start a vue.js app from scratch. I'm trying to create an app.vue and an app.js but form some reason I'm getting this error. vue.esm.js?efeb:578 [Vue warn]: Cannot find element: #app I've been trying to figure out what I've done wrong for 2 hours now and I can't seem to understand what is happening. app.js import Vue from 'vue' import { ApolloClient } from 'apollo-client' import { InMemoryCache } from 'apollo-cache-inmemory' import { HttpLink } from 'apollo-link-http' import VueApollo from 'vue-apollo' import Index from './Index.vue' const httpLink = new HttpLink({ uri: 'http://localhost:4000/graphql', }) const apolloClient = new ApolloClient({ link: httpLink, cache: new InMemoryCache(), connectToDevTools: true, }) Vue.use(VueApollo) const apolloProvider = new VueApollo({ defaultClient: apolloClient, }) new Vue({ el: '#app', apolloProvider, render: h => h(Index) }) Index.vue {{ msg }} The following was loaded over Graphql: export default { data () { return { msg: 'Welcome to Your Vue.js & Phoenix & GraphQL App', user: "" } }, } Router defmodule StatcastersWeb.Router do use StatcastersWeb, :router pipeline :browser do plug :accepts, ["html"] plug :fetch_session plug :fetch_flash plug :protect_from_forgery plug :put_secure_browser_headers end pipeline :api do plug :accepts, ["json"] end scope "/", StatcastersWeb do pipe_through :browser # Use the default browser stack get "/", PageController, :index end layout/app.html/eex Hello Statcasters! Again I really have no idea what I'm doing wrong and why vue.js can't find the element. Hopefully I've posted enough information for y'all to help me out. Thank you!
Bitwise
1

голосов
2

ответ
69

Просмотры

VueJS конвенции и область применения

Я посмотрел в документации, на форуме ... Я хотел бы знать это: Когда я создаю компонент с контекстным стилем. Должен ли я использовать классы или идентификатор для моего DOM? Я предпочитаю ID, потому что этот элемент является уникальным. например: // или класс = «обертка»? НАЖМИТЕ // или класс = "myBtn"? {{Я}} // уверен класс в этом случае: D Для методов компоненты должен начинаться от $ _mycomposant_methods или я могу непосредственно написать метод? То же самое для вычислена? Я полагаю, что при компиляции (WebPack) каждый компонент, но область действия я хотел бы быть уверенным, чтобы избежать краевых эффектов. Спасибо
Brice Chaponneau
1

голосов
1

ответ
220

Просмотры

vuejs 2: НПМ ERR! Не удалось установить из «@ / конфигурации», как

У меня есть: $ nodejs --version v8.9.4 $ НПМ --version 5.6.0 Я пытаюсь присоединиться к этому https://github.com/wxs77577/adminify vuejs / vuetify шаблон с последней Laravel. Я в следующем: 1) Laravel новые песни 2) CD Песни PHP ремесленник --version Laravel Framework 5.6.8 3) Я скопировал все файлы из adminify / SRC / в / ресурсы / активы / JS / в папке проекта Песни 4) I видоизменил мой webpack.mix.js как: пусть перемешайте = требуется ( 'Laravel-микс'); mix.js ( 'ресурсы / активы / JS / main.js', 'общественных / JS') // main.js является точка входа проекта .sass (ресурсы / активов / дерзость / app.scss ', «общественного / CSS'); 5) В моей конфигурации ресурсов / активов / JS / http.js Я добавил Axios заголовки из Laravel ресурсы / активы / JS / bootstrap.js, поэтому он имеет содержание: импорт из Vue «вю» импорт Аксиос из «Вардар» импорта конфигурации из ». / Config '// включить издеваться // импорт издеваться из' ./mock»// если (config.debug.mock!) {// mock.restore () //} window.axios = требуется ( 'AXIOS'); window.axios.defaults.headers.common [ 'X-Requested-С'] = 'XMLHttpRequest'; / ** * Далее мы будем регистрировать CSRF токен как общий коллектор с Аксиосами так, что * все исходящие запросы HTTP автоматически иметь его прикрепленный. Это просто * простое удобство, поэтому мы не должны придавать каждый маркер вручную. * / Пусть маркер = document.head.querySelector ( 'мета [имя = "CSRF-маркер"]'); если (жетон) {window.axios.defaults.headers.common [ 'X-CSRF-токен'] = token.content; } Еще {console.error ( 'CSRF лексема не найден: https://laravel.com/docs/csrf#csrf-x-csrf-token'); } Вар HTTP = axios.create ({BaseUrl: config.api, тайм-аут: «^ 2.18.0», «WebPack-слияние»: «^ 4.1.0»}} 7) После того, что я бег $ НОГО установить НУЮ WARN пакета вю входят и как Dev и производственной зависимость. NPM WARN пакета ориентировочный входят и как Dev и производственной зависимость. NPM WARN дополнительных Пропустив ДОПОЛНИТЕЛЬНЫЕ зависимостям: [email protected] (node_modules / fsevents): НАЯ WARN notsup Пропустив ДОПОЛНИТЕЛЬНЫЕ зависимости: неподдерживаемая платформа для [email protected]: хотела { "ОС": "Дарвин", "арка": "любой "} (ток: {" ОС ":" Linux», "арка": "64"}) 8) и последние: $ НПХ запустить часы-опрос> @ смотреть-опрос / MNT / _work_sdb8 / Wwwroot / лар / Песня> NPM запустить часы - --watch-опрос> @ часы / мнт / _work_sdb8 / Wwwroot / лар / Песни> кросс-окр NODE_ENV = разработка node_modules / WebPack / бен / WebPack. JS --watch --progress --hide-модули --config = node_modules / Laravel-микс / установка / webpack.config.js "--watch-опрос" 10% строительных модулей 1/1 модули 0 активный Webpack наблюдает файлы ... 78% расширенный кусок оптимизации / мнт / _work_sdb8 / Wwwroot / лар / Песни / node_modules / Laravel-микс / node_modules / экстракт текст WebPack-плагин / расстояние / index.js: 188 chunk.sortModules (); ^ TypeError: chunk.sortModules не является функцией в /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:188:19 в / мнт /_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:3096:16 на eachOfArrayLike (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:1055: 9) при eachOf (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:1103:5) в Object.eachLimit (/ шоссе / _work_sdb8 / Wwwroot / лар / Композиции / node_modules / асинхронной / DIST / async.js: 3158: 5) при компиляции. (/Mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:184:27) при Compilation.applyPluginsAsyncSeries (/ шоссе / _work_sdb8 / Wwwroot / лар / Композиции / node_modules / tapable / Библиотека / Tapable.js: 206: 13) на Compilation.seal (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:579:8) в / мнт / _work_sdb8 / Wwwroot / лар / Песни / node_modules / WebPack / Lib / Compiler.js: 493: 16 в /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/tapable/lib/Tapable.js:289:11 в _addModuleChain (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:481: 11) при processModuleDependencies.err (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:452:13) в _combinedTickCallback (внутренний / процесс / next_tick.js: 131: 7) в процессе. _tickCallback (внутренний / процесс / next_tick.js: 180: 9) NPM ERR! Код ELIFECYCLE НПМ ERR! ERRNO 1 НПМ ERR! @ часы: node_modules `кросс-окр NODE_ENV = разработка / WebPack / бен / webpack.js --watch --progress --hide-модули --config = node_modules / Laravel-микс / установка / webpack.config.js«- смотреть-опрос "` НОЙ ERR! Статус Выход 1 NPM ERR! NPM ERR! Ошибка в сценарии @ часов. NPM ERR! Вероятно, это не проблема с НПМ. Существует вероятность дополнительный выход каротаж выше. NPM ERR! Полный протокол этого запуска можно найти в: НПМ ERR! /home/serge/.npm/_logs/2018-03-07T12_24_13_366Z-debug.log НПМ ERR! Код ELIFECYCLE НПМ ERR! ERRNO 1 НПМ ERR! @ Смотреть-опрос: `НПХ запустить часы - --watch-poll` НОЙ ERR! Статус Выход 1 NPM ERR! NPM ERR! Ошибка в сценарии @ часы-опроса. NPM ERR! Вероятно, это не проблема с НПМ. Существует вероятность дополнительный выход каротаж выше. NPM ERR! Полный протокол этого запуска можно найти в: НПМ ERR! /home/serge/.npm/_logs/2018-03-07T12_24_13_388Z-debug.log Содержание 018-03-07T12_33_56_015Z-debug.log: 0 Информация он работал, если он заканчивается ОК 1 многословным CLI [ «/ USR / BIN / узел», '/ USR / бен / НМП', 'беги', 'развитие'] 2 Информация используя [email protected] 3 данные, используя [email protected] 4 многословный запуска-скрипт [ 'predevelopment', 'развитие', 'postdevelopment'] 5 информация Жизненный цикл @ ~ predevelopment: @ 6 @ информация жизненного цикла ~ развитие: @ 7 многословной жизненного цикла @ ~ развитие: небезопасный-завивка в жизненный цикл истинного 8 многословной жизненного цикла @ ~ разработка ПУТЬ: Не удалось EXEC сценарий развития 13 многословным стека Ошибка: @ разработка: `кросс-окр NODE_ENV = разработка node_modules / WebPack / бен / webpack.js --progress --hide-модули --config = node_modules / Laravel-микс / Настройка / WebPack .config.js` 13 многословного стек Выход состояние 1 13 многословный стека на EventEmitter. (/Usr/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16) 13 многословным стека на emitTwo (events.js: 126: 13) 13 многословным стека на EventEmitter.emit (events.js: 214: 7) 13 многословным стека на ChildProcess. (/Usr/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 13 многословный стек на emitTwo (events.js: 126: 13) 13 многословного стек на ChildProcess.emit (событие. ЯШИ: 214: 7) 13 многословным стек на maybeClose (внутренний / child_process.js: 925: 16) 13 многословным стек на Process.ChildProcess._handle.onexit (внутренний / child_process.js: 209: 5) 14 многословного pkgid @ 15 многословный CWD / шоссе / _work_sdb8 / Wwwroot / лар / Песня 16 многословного Linux 4.13.0-36-родового 17 многословной ARGV "/ USR / бен / узел" "/ USR / бен / НМП" "запустить" "развитие" 18 многословный узел v8.9.4 19 многословным NPM v5.6.0 20 кода ошибки ELIFECYCLE 21 ошибки ERRNO-22 ошибки @ разработка: `кросса-ENV NODE_ENV = развитие node_modules / WebPack / бен / webpack.js --progress --hide-модули --config = node_modules / Laravel-микс / настройка состояния выхода / webpack.config.js` 22 ошибка 1 23 ошибка ошибка в сценарии @ разработки. 23 Ошибка Вероятно, это не проблема с НПМ. Существует вероятность дополнительный выход каротаж выше. 24 многословным выход [1, правда] 23 Ошибка Вероятно, это не проблема с НПМ. Существует вероятность дополнительный выход каротаж выше. 24 многословным выход [1, правда] 23 Ошибка Вероятно, это не проблема с НПМ. Существует вероятность дополнительный выход каротаж выше. 24 многословным выход [1, правда]
1

голосов
1

ответ
250

Просмотры

Машинопись: Как продлить VueConfiguration? Т.е., как расширить существующий интерфейс?

Кажется, простая задача, но я запутаться. Скажем, я хочу, чтобы добавить объект сервера Vue.config. Вот определение машинописи для Vue - https://github.com/vuejs/vue/blob/dev/types/vue.d.ts#L121. Таким образом, нам нужно расширить VueConfiguration интерфейс - https://github.com/vuejs/vue/blob/dev/types/vue.d.ts#L67 Я пытался создать index.d.ts файл: /// Интерфейс экспорта VueConfiguration {сервер: {пользователь: строка; }} В И / директории, что не помогает. Пробовал добавить этот код в файл main.ts: объявить интерфейс VueConfiguration {сервер: {blockchain: строка; }; }; В любом случае, когда я делаю: Vue.config.server.user = «http://127.0.0.1:8082» я получил ошибку Свойство «сервер» не существует на типе «VueConfiguration» Так что я сделал неправильно? Как я могу решить эту проблему? Спасибо
Vlad
1

голосов
1

ответ
78

Просмотры

можно связать с другим атрибутом ввода, кроме значения атрибута в vuejs

Я новичок в FRONTEND JavaScript рамки. В настоящее время работает на кусок кода, и я диковинки, если это возможно, чтобы связать некоторый другой атрибут входной, чем значение для у-модели в VueJS. Вот что я имею в виду: В моем HTML я имею вход так:
James W.
1

голосов
0

ответ
266

Просмотры

Framework7 and Vue typescript typings conflict

The Framework7 docs say: // First of all, we need to initialize/enable Framework7 Vue plugin: // We need to pass Framework7Vue plugin and Framework7 as an arguments to Vue.use method Vue.use(Framework7Vue, Framework7); and in at least one place, indicating that the default export of 'framework7' (here, Framework7) is a constructor function or class, not an object: Automatically after new Framework7() ... And the Vue docs say: Vue.use(plugin) Arguments: {Object | Function} plugin Usage: Install a Vue.js plugin. If the plugin is an Object, it must expose an install method. If it is a function itself, it will be treated as the install method. The install method will be called with Vue as the argument. When this method is called on the same plugin multiple times, the plugin will be installed only once. And the vue.d.ts type definitions say: use(plugin: PluginObject | PluginFunction, options?: T): void; Which means that the following would be the typed version: import Vue from 'vue' import Framework7 from 'framework7' import Framework7Vue from 'framework7-vue' Vue.use(Framework7Vue, Framework7); // only adding the type parameter, which eventually might not be necessary once the rest is correct The untyped version seems to work correctly, but I can't resolve the right Typescript definitions for Framework7 - perhaps central on the Framework7 value argument to .use(). The default export of 'framework7' can't be both a constructor function AND an instance of itself, but I think it would have to be if all these docs are true. I can't figure out where the discrepancy is. My work is in these repos: https://github.com/JasonKleban/Framework7.d.ts https://github.com/JasonKleban/framework7-vue.d.ts I might suspect the vue.d.ts since both new Framework7() elsewhere and passing Framework7 as an instance, an options object to .use() work. Are the vue.d.ts definitions wrong in that they'll also accept a function or a constructor? But there are too many possibilities for me to reason out - I'm hoping someone more familiar with vue.js and/or framework7 can untangle this for me.
Jason Kleban
1

голосов
1

ответ
81

Просмотры

Может Handsontable beforeRemoveRow быть асинхронным?

Expectation: beforeRemoveRow выполняет действие асинхронного (перейти в базу данных), а затем возвращает ложь / правда. В случае «ложь» Я ожидаю, что строка НЕ ​​будет удалена из таблицы. Поведение: Даже когда я вернусь «лжи» от beforeRemoveRow, строка будет удалено. Код: Handsontable с Vue.js импортом {mapState} из '' vuex импорта горячего из '@ / компоненты / горячий / индекс' импорт {URL} от '@ / Константы / апите' экспорта по умолчанию {вычислен: {... mapState ( {clientAccounts: состояние => state.clients.clientAccounts, маркер: состояние => state.auth.token}}), данные () {возврата {hotSettings: {beforeRemoveRow: асинхронном (индекс) => {Const подтверждается = подтвердить (» вы действительно хотите удалить пользователя? ) Если (подтверждено) {попробуйте {константный результат = ждать этого $ store.dispatch ({типа:. 'DeleteClientAccount', ID: this.clientAccounts [индекс] .id, маркер: this.token,}) console.log (» результат», результат) возвращает истину} поймать (ERR) {вернуться ложным}} еще {вернуться ложным}}, Контекстное: [ 'remove_row']}}}, компоненты: {горячее: горячая}} Мне интересно, если он должен делать с «асинхронным» ключевым словом? Когда я удалить синтаксис «асинхронной» и идти с обещанием .then он ведет себя, как и ожидалось, и не удаляет строку. Однако, в этом случае он не может выполнить действие асинхронного перед удалением строки. EDIT Handsontable поддержки ответили на этот вопрос в своем форуме: «крюк в настоящее время работает синхронно и только возвращение ложными вы можете отменить действие, как я вижу, последний комментарий предложил, чтобы сделать его работу асинхр, которая является хорошей идеей. . Однако, в настоящее время, Handsontable работают только на синхронных вызовов и было бы невозможно изменить только один крючок «. Тем не менее, если кто-нибудь нашел обходной путь без крючка, чтобы предотвратить удаление строки, основанных на проверке базы данных, пожалуйста, поделитесь.
Quynh
1

голосов
0

ответ
930

Просмотры

Боковой рендеринг сервера в Nuxt Аксиос модуль прокси URL

Я использую модуль AXIOS официально предоставленный Nuxt.js здесь, https://github.com/nuxt-community/axios-module. Как я могу назвать действия «SET_NEW_DEAL» из компонента выборки метода? асинхронной выборки ({магазин}) {ждут store.dispatch ( 'SET_NEW_DEAL', store.getters.newDeal.page); } Это правильно? Mine Acions запрос файла апи, как показано ниже:.. Экспорта по умолчанию {асинхронная SET_NEW_DEAL ({} фиксации, полезная нагрузка) {вернуть это $ AXIOS $ получить (? `/ API / страница = {$} полезной`) .then ((ответ) = > {если (response.status == 200) {совершить ( 'SET_NEW_DEAL', response.data);}}) поймать ((ошибка) => {console.log (ошибки)})}} Не в состоянии поразить апи. запрос, таким образом, не в состоянии совершить мутацию и так далее. Я использую конфигурации URL-адрес прокси-сервера в nuxt.config.js также.
Hardik Shah
1

голосов
1

ответ
1.9k

Просмотры

Как добавить столбец флажок в VUE-таблиц-2?

У меня есть список пользователей таблицы, созданной в VUE-таблиц-2. Я хочу добавить столбец флажка перед каждой строкой, чтобы выбрать несколько строк и перед заголовком, чтобы выбрать все строки, как Gmail. Может кто-нибудь мне помочь ?
UnmeshD
1

голосов
1

ответ
424

Просмотры

How can I add condition on vue component that is loaded from the view blade laravel?

My view blade laravel like this : @extends('layouts.app') @section('content') ... ... @endsection @section('modal') @endsection The view blade laravel load two vue component. That are transaction component and transaction modal component. So if the view blade executed, it will run the components My transaction component like this : ... View ... ... export default { ... methods: { show(id) { .... } } } My transaction modal like this : ... export default { ... } From the script, the transaction modal component will run if the view blade called. I want the transaction modal run if user click view. If user not click view, the transaction modal component not executed How can I do it?
Success Man
1

голосов
1

ответ
78

Просмотры

How to insert a record with id (auto increment) PostgREST?

У меня есть функция axios.post ( 'HTTP: // локальный: 3000 / unitsmeasure', {ID: 20, имя: 'имя'}) .then (функция (ответ) {console.log (ответ);}). улов (функция (ошибка) {console.log (ошибка);}); Она вставляет запись в таблице. Это работает. Но когда я не указать идентификатор он не работает. Идентификатор (последовательный первичный ключ). axios.post ( 'HTTP: // локальный: 3000 / unitsmeasure', {имя: 'имя'}) .then (функция (ответ) {console.log (ответ);}) .catch (функция (ошибка) {консоли .log (ошибка);}); Это не работает SQL таблицы: CREATE TABLE "unitsmeasure" ( "идентификатор" серийный PRIMARY KEY, "название" VARCHAR (100)) SQL Dump: CREATE TABLE "unitsmeasure" ( "идентификатор" int8 NOT NULL DEFAULT NEXTVAL ( 'Запрос ".unitsmeasure_id_seq' :: regclass), "название" VARCHAR (100) СОРТ- "pg_catalog" "по умолчанию".); ALTER TABLE "unitsmeasure" ВЛАДЕЛЕЦ К "Postgres"; ALTER TABLE "unitsmeasure" ADD CONSTRAINT "unitsmeasure_pkey" PRIMARY KEY ( "ID");
Vladimir Golub
1

голосов
0

ответ
406

Просмотры

Vuelidate: Условно добавив модели проверки

I recently made the switch with Vuelidate from Vee-Validate a few weeks ago for all our apps and have been loving its flexibility so far; however, I've run across an issue that I'm not quite sure how to solve... I've added the (primitive) example, using my real data here: https://jsfiddle.net/80cuuagp/18/ From the fiddle: new Vue({ el: "#app", data() { return { questions: [ { message: '1. Do you expect to conduct cash transactions for this account? ', value: false, conditionalFields: [ { title: 'Cash In', fields: [ { label: 'Total Amount', value: '' }, { label: 'Frequency', value: '' } ] }, { title: 'Cash Out', fields: [ { label: 'Total Amount', value: '' }, { label: 'Frequency', value: '' } ] } ] }, { message: '2. Will Electronic (ACH) transactions be processed on the account (excluding card transactions)?', value: false, conditionalFields: [ { title: 'Electronic Deposits', fields: [ { label: 'Total Amount', value: '' }, { label: 'Frequency', value: '' } ] }, { title: 'Electronic Withdrawals', fields: [ { label: 'Total Amount', value: '' }, { label: 'Frequency', value: '' } ] } ] }, { message: '3. Will Domestic Wires be sent or received from the account?', value: false, conditionalFields: [ { fields: [ { label: 'Frequency of Incoming Wires', value: '' } ] }, { fields: [ { label: 'Frequency of Outgoing Wires', value: '' }, ] } ] }, { message: '4. Will International Wires be sent or received from the account?', value: false, conditionalFields: [ { fields: [ { label: 'Frequency of Incoming Wires', value: '' } ] }, { fields: [ { label: 'Frequency of Outgoing Wires', value: '' }, ] } ] }, { message: '5. Will Monetary Instruments (CC/MO) be issued from the account?', value: false, conditionalFields: [ { fields: [ { label: 'Total Amount', value: '' } ] } ] } ] } }, validations: { questions: { $each: { conditionalFields: { $each: { fields: { $each: { value: { required } } } } } } } } }) The problem is - I'm conditionally rendering fields based on the user's input. If he or she selects "Yes" to any of the questions, a secondary fieldset will appear below it and ask for input. These fields are only required if yes is selected and they appear on the DOM (and will also have different validations, which I'm not sure how to address, either without hard-coding everything). I've tried looping through the data by making validations a function, but even though it seems to compile, it's not dynamically adding any validations based on the question[index].value being set to true. I feel like there has to be a simple way to do this, but I'm definitely overthinking it at this point. Any help would be greatly appreciated! Thanks!
Derek
1

голосов
2

ответ
1.3k

Просмотры

POST works in Postman but not in browser

У меня есть это в vuejs с использованием AXIOS AXIOS ({метод: 'пост', URL: 'HTTP: // локальный: 64427 / API / Аутентифицировать / лексем', заголовки: { 'Content-Type': 'приложение / JSon'}, данные: {четырехъядерный: this.quad, пароль: this.password}}) .then (ответ => {console.log (response.header.token);}) Когда я отправляю с помощью конечной точки в почтальона, он работает HTTP: // локальный: 64427 / API / Аутентифицировать / Токен четверной = YGOP & пароль = P @ ssw0rd Но я могу 404 код ошибки, когда я отправляю с помощью AXIOS?. Вот бэкенд [HttpPost] [ActionName ( "Знак")] [BasicAuthentication] общественного HttpResponseMessage Войти (строка четырехъядерный, строка пароля) {BOOL isAuthenticated = EmployeeSecurity.Login (четырехъядерный, пароль); если (isAuthenticated) {если (Thread.CurrentPrincipal! = NULL && Thread.CurrentPrincipal.Identity.IsAuthenticated) {вар basicAuthenticationIdentity = Thread.CurrentPrincipal.Identity; если (basicAuthenticationIdentity! = NULL) {вар имя пользователя = basicAuthenticationIdentity.Name; вернуться GetAuthToken (имя пользователя); } Возвращать нуль; }} Возвращать нуль; }
Aatish Kumar
1

голосов
0

ответ
290

Просмотры

Почему импортировать один компонент Vue из пакета НМПА не удается неразрешенными зависимостями?

Я новичок в мире Vue.js + WebPack и пытается переварить столько информации. Не могу понять, почему, когда я импортировать один файл .vue из пакета НМП (а vue.js шаблон) для использования в моем приложении, WebPack пытается разрешить зависимости от самого шаблона пакета. Я импортировал только файл в мое приложение, и он путешествовал по конфигурации пакета. Вот шаги: $ ви создать MyProject $ кд MyProject $ пряжи добавить @ coreui / вя $ пряжи служить Тогда на App.vue внутри MyProject: импорт HelloWorld из импортного Footer './components/HelloWorld.vue' от «@ coreui / вя / Vue_Full_Project / SRC / компоненты / Footer.vue»экспорта по умолчанию {имя: 'приложение', компоненты: {HelloWorld, Footer}} #app {семейство шрифтов: 'Авенир', Helvetica, Arial, без засечек; -webkit-шрифт-разглаживание: сглаженный; -moz-OSX-шрифт-разглаживание: черно-белый; выравнивания текста: центр; цвет: # 2c3e50; Запас-топ: 60px; } На Footer.vue, который находится внутри пакета CoreUI / Вьет, довольно прост и содержит следующее: CoreUI © 2018 creativeLabs. Работает на CoreUI экспорта по умолчанию {имя: 'С-сноска} Но я получаю это: ошибка в модуле ./node_modules/@coreui/vue/Vue_Full_Project/src/components/Footer.vue построить не удалось: Ошибка: Не удается найти модуль «столпотворение -plugin-преобразование-среды выполнения»от '/ TMP / MyProject / node_modules / @ coreui / вю / Vue_Full_Project' - вы имели в виду "@ столпотворение / преобразовании выполнения"? на Function.module.exports [как синхронизация] (/tmp/myproject/node_modules/resolve/lib/sync.js:42:15) при resolveStandardizedName (/ TMP / MyProject / node_modules / @ Бабель / ядро ​​/ Библиотека / конфигурации / файлы /plugins.js:104: JS? Тип = сценарий и индекс = 0! ./ ЦСИ / App.vue @ ./src/App.vue @ ./src/main.js @ мульти (WebPack) -dev-сервер / клиент / index.js (WebPack) / горячий / DEV-server.js ./src/main.js Если я скопировать один файл Footer.vue в MyProject папку / Src и обновить оператор импорта в «./Footer.vue», это работает. Почему WebPack пытается разобрать зависимости от пакета шаблона, если я ничего от него и не ссылаться, а один и независимый файл из моего заявления «импорта»? Как я должен использовать такой шаблон для моего приложения таким образом? Спасибо JS? Тип = сценарий и индекс = 0! ./ ЦСИ / App.vue @ ./src/App.vue @ ./src/main.js @ мульти (WebPack) -dev-сервер / клиент / index.js (WebPack) / горячий / DEV-server.js ./src/main.js Если я скопировать один файл Footer.vue в MyProject папку / Src и обновить оператор импорта в «./Footer.vue», это работает. Почему WebPack пытается разобрать зависимости от пакета шаблона, если я ничего от него и не ссылаться, а один и независимый файл из моего заявления «импорта»? Как я должен использовать такой шаблон в моем приложении таким образом? Спасибо Почему WebPack пытается разобрать зависимости от пакета шаблона, если я ничего от него и не ссылаться, а один и независимый файл из моего заявления «импорта»? Как я должен использовать такой шаблон в моем приложении этот путь? Спасибо Почему WebPack пытается разобрать зависимости от пакета шаблона, если я ничего от него и не ссылаться, а один и независимый файл из моего заявления «импорта»? Как я должен использовать такой шаблон в моем приложении таким образом? Спасибо
rjunior
1

голосов
2

ответ
648

Просмотры

Вью ребенок компонент перехода отпуск обратного вызова не работает

Я определил компонент Родителя, которые имеют компонент ребенка, оба компонента имеет динамические переходы с отпуском обратных вызовами, определенные как аутро, проблема заключается в том, что, когда родительский компонент разрушается его метод аутро работает отлично, но его дочерние компоненты аутро метод никогда не увольняет. Есть в любом случае для достижения этой цели и сохранить для детей компонент многоразового использования и развязкой? Demo. App шаблон: Toggle Container Javascript: // ВЫПУСКА: // 1. Родитель удаляет дочерний компонент в `outro` метод // 2. Ребенок` outro` метод не вызывается уаг Child = {шаблон: ``, методы: {интро : функция (эль, сделано) {TweenLite.fromTo (эль, 0,5, {у: '100%'}, {у: '0%', задержка: 0.5, OnComplete: сделано})}, аутро: функция (эл, сделано) {// 2
a.guerrero.g87
1

голосов
0

ответ
327

Просмотры

Vue2 JS и режим документа IE (IE 11)

У меня есть приложение Vue2, который прекрасно работает в хроме. Тем не менее, когда я запускаю сайт в IE 11, он дает пустую страницу. При дальнейшем исследовании, я наблюдал следующее - 1. На вкладке Эмулятор инструмент разработчика, если изменить тип документа с пограничными или 10, мое решение отлично работает, и нет никаких ошибок в консоли 2. Если изменить тип документа. назад к 7 (по умолчанию), страница становится пустой, и это дает три ошибки в консоли - «SCRIPT1028 - ожидаемый идентификатор, строку или номер» за ошибки сценария, указанных в пункте 2, я проверил мой код и удалить любые ненужные запятые, если применимо, но это не помогло. Я использую AXIOS в моем коде. Примечание: Я получаю эти ошибки только из развернутого кода (в разработчике, SIT, или UAT поля). Когда я запускаю его локально, IE не дает какой-либо ошибки, потому что, когда я запускаю его локально, тип документа по умолчанию Край. Только тогда, когда я бегу от сервера, тип документа по умолчанию принимает 7. Я считаю, если я забочусь ошибок сценариев, которые я получаю, это должно решить мою проблему. Тем не менее, я не слишком уверен, как решить эту ошибку сценария. Я довольно новыми для Vue. Любая помощь будет высоко оценен. Заранее спасибо!
ARUNABHA BARDHAN

Просмотр дополнительных вопросов