Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
Другие темы раздела
Vue.js JavaScript Дочерние компоненты https://www.cyberforum.ru/ vue-js/ thread2766819.html
Использую Vue CLI, все компоненты находятся в папке components, каждый в отдельном файле. Можно ли один из них назначить дочерним другому из этой же папки? У меня как-то не получается файл...
Vue.js JavaScript Vue3 TypeScript ToDo
Добрый день! Кто-нибудь может помочь? Как данный код переделать на TypeScript (добавить типы). ToDo App. <template> <div> <input v-model="inputField" ...
Vue.js JavaScript Выбор в теге select значения из бд
Здравствуйте, в select я загружаю значения из БД. Но как чтобы при загрузке страницы он это значение отображал? <select v-model="selected"> <option disabled value=''>Выберите услугу...
Vue.js JavaScript Как сделать раскрывающееся меню? есть меню с подменю, как при клике на пункт меню, вывести его подменю, сейчас раксрываются все подменю <ul :class="$style.catalogCategories"> <li v-for="(category, index) in categories"... https://www.cyberforum.ru/ vue-js/ thread2763979.html
Vue.js JavaScript Как правильно добавить фотографии в слайдер Vue Carousel 3D? https://www.cyberforum.ru/ vue-js/ thread2763764.html
Пытаюсь разобраться в документации Vue Carousel 3D и не могу понять, как сделать так, чтобы в каждом слайде отображалась одна картинка. Поясню: Хочу сделать слайдер, как в документации в примере...
При нажатии на backspace увеличивался счетчик при проверки регулярным выражением Vue.js JavaScript
Здравствуйте есть такой код: if (//.exec(String(this.mestxt))) { this.countmes++ } Но при нажатии на backspace он не работает. Я хочу чтобы при нажатии на...
Vue.js JavaScript Как переписать код на VUE CLI?
Здравствуйте, уважаемые программисты! Я так понял, что api пишется на PHP и далее обращаемся к этому файлу через Java Script. Теперь хочу переписать свой код на VUE CLI и столкнулся с проблемой, что...
Vue.js JavaScript VueCLI ошибка при установки Привет, пытаюсь поставить VueCLI но npm выдает ошибки C:\Windows\system32>npm install -g @vue/cli npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer... https://www.cyberforum.ru/ vue-js/ thread2756363.html
Vue.js JavaScript Объясните логику проверки победителя в крестики нолики https://www.cyberforum.ru/ vue-js/ thread2754080.html
var appVue = new Vue({ el: '#app', data: { fieldMasses: , move: false, fieldSize: 3, hod: 0, name:'', isActive: false, igra:...
Vue.js JavaScript Некорректная работа компонента ag-grid-vue Доброе время суток. Сталкнулся со следующей проблемой в компоненте ag-grid-vue. Не работают сортировки по двум полям ("статус" и "работает") и некорректно работает фильтр в поле гос. номер... https://www.cyberforum.ru/ vue-js/ thread2749506.html
Vue.js JavaScript Nuxt Не работает перезагрузка страницы https://www.cyberforum.ru/ vue-js/ thread2749002.html
Есть динамическая страница, которая выводит компонент в зависимости от ответа. <template> <div> <component :is="componentName" :data="data" /> </div> </template>
Vue.js JavaScript Метод удаления юзеров Как реализовать метод удаления юзера Юзер - это поля имья, картинки и свитч Такое апи arrUsers -(2)  0: Array(3) 0: {img: "1", name: "Alex", switch: true} 1: {img: "1", name: "Alex",... https://www.cyberforum.ru/ vue-js/ thread2748940.html
409 / 161 / 32
Регистрация: 26.11.2019
Сообщений: 432
0

v-if

10.01.2021, 22:28. Показов 1038. Ответов 1
Метки (Все метки)

есть такой компонент, просто поле ввода и кнопка "Отправить"
файл EditDataUser.vue, дочерний
HTML5
1
2
3
4
5
6
7
8
9
10
<template>
  <div class="edit-wrapper">
    <div class="edit-item">
      <input type="text" name="" id="">
    </div>
    <div class="edit-btn">
      <input type="button" name="send" id="" value="Отправить">
    </div>
  </div>
</template>
он используется во многих местах в другом компоненте, и становится видимым по условию v-if, с этим проблем нет. Проблема как достать эту строку из v-if , чтобы использовать ее в fetch для отправки на бэк вместе со значением инпута
файл Settings.vue, родитель
HTML5
1
2
3
4
5
<div class="settings__name">
  <h3>Иван Иванов</h3>
  <a href="#" data-name="fio" @click="showEditA">(редактировать)</a>
  <EditDataUser v-if="accountSettings.fio"></EditDataUser>
</div>
т.е. мне надо в fetch передать две строки: "accountSettings.fio" и value из инпута
Как обратиться к содержимому v-if?

Вернуться к обсуждению:
v-if
0
Лучшие ответы (1)
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.