Size: a a a

Vue.js Russian Developers Community

2020 December 24

M

Maria in Vue.js Russian Developers Community
источник

А

Алексей in Vue.js Russian Developers Community
Всем привет! Не знаю к кому обратиться, потому и пишу сюда.
Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой код

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });
источник

ym

yung musk in Vue.js Russian Developers Community
Алексей
Всем привет! Не знаю к кому обратиться, потому и пишу сюда.
Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой код

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });
А причём тут вью
источник

ym

yung musk in Vue.js Russian Developers Community
В жс чат пиши
источник

А

Алексей in Vue.js Russian Developers Community
yung musk
А причём тут вью
Хочу сначала в js, а потом во VUE сделать. Писал в другой чат, помочь не смогли
источник

po

papich onelove in Vue.js Russian Developers Community
Eugene
Vetur
Спасиб, кто-нибудь еще знает VS Code плагины полезные для Vue-разработчика?
источник

АЗ

Алексей Забайкальски... in Vue.js Russian Developers Community
papich onelove
Спасиб, кто-нибудь еще знает VS Code плагины полезные для Vue-разработчика?
если Vue 3, то вот это

https://github.com/johnsoncodehk/volar
источник

АЗ

Алексей Забайкальски... in Vue.js Russian Developers Community
замена vetur, и пушка ваще

даёт автокомплит данных в шаблоне
источник

po

papich onelove in Vue.js Russian Developers Community
Спасибо большое, ребят!
источник

K

Kirill in Vue.js Russian Developers Community
Алексей
Всем привет! Не знаю к кому обратиться, потому и пишу сюда.
Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой код

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });
ну как бы реализация в рамках vue и вне его будет разной)
источник

K

Kirill in Vue.js Russian Developers Community
Алексей
Всем привет! Не знаю к кому обратиться, потому и пишу сюда.
Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой код

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });
погугли тему subscriber/publisher
источник

sH

solange Houston in Vue.js Russian Developers Community
Hola soy nuevo aqui
источник

👤U

👤 User in Vue.js Russian Developers Community
Алексей
Всем привет! Не знаю к кому обратиться, потому и пишу сюда.
Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой код

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });
Реализация кардинально будет отличаться на вуе. Заведите в дате переменные под модели каждого инпута. Сделайте компьютед переменную allinputfilled и в ней возвращайте false, если хотя бы одна переменная даты пустая. А потом :disabled=!allinputfilled. Типа такого что-то. Когда работаете со вью, постарайтесь с домом напрямую не работать вовсе.
источник

F

FRANCIS in Vue.js Russian Developers Community
источник

A

Antony in Vue.js Russian Developers Community
добрый день. подскажите . перестал работать Vue Devtools
источник

A

Antony in Vue.js Russian Developers Community
пробовал переустановить, но тчетно
источник

SL

Sergey Leleko in Vue.js Russian Developers Community
Antony
добрый день. подскажите . перестал работать Vue Devtools
отпал при локальной разработке? пробуй дев сервер просто перезапустить. Бывает такое иногда с накстом
источник

SL

Sergey Leleko in Vue.js Russian Developers Community
раньше чаще, сейчас реже
источник

D

DevilSAM in Vue.js Russian Developers Community
подскажите, как поменять back_url в props?

props: {
 back_url: {
   default: '/home',
   type: String
 },
},
methods: {
   getResults(page) {
       this.back_url = `/new_page`
   }
}
источник

O

Oleksandr in Vue.js Russian Developers Community
Скопируй ее в дата и потом меняй
Пропсы менять не стоит
источник