Size: a a a

Nuxt.js — русскоговорящее сообщество

2019 December 23

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
ты прочитал что написано над кодом который ты неправильно скопипастил?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
+ русскую доку лучше обходить стороной, там не все актуально
источник

JG

John Green in Nuxt.js — русскоговорящее сообщество
DreaMinder
+ русскую доку лучше обходить стороной, там не все актуально
Спасибо) Понял) Ща оргинал почитаю)
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
всем привет. есть компонент с инпутом. этот компонент я проганяю массивом и заполняю данными с этого массива. вопрос, как мне при отправке формы, вытянуть определенное поле и записать его в нужное место? сейчас я сделал так
вот компонент, который я вывожу в зависимости от заданного массива:
.wrapper.flex.flex-col.mb-3
   label.wrapper__label.mb-1.text-sm.font-bold {{ title }}
   input.wrapper__field(
     :name="name"
     :type="type"
     @input="updateValue($event.target.value)"
     :placeholder="placeholder"
     :required="required"
     class="hover:shadow-md"
     ).mb-1.outline-none.h-8.px-2.text-sm.shadow.rounded
   span.wrapper__message.text-xs(v-if="message.length > 0" :class="'text-' + messageType") {{ message }}
сам массив:
fields: [
       {
         name: 'username',
         placeholder: 'Логин',
         type: 'text',
         title: 'Логин',
         message: '',
         value: '',
         messageType: '',
         required: true
       },
       {
         name: 'password',
         placeholder: 'Пароль',
         type: 'password',
         title: 'Пароль',
         message: '',
         value: '',
         messageType: '',
         required: true
       }
     ]
метод отправки формы:
submitLogin () {
     const form = {
       username: '',
       password: ''
     }
     this.fields.forEach((field) => {
       if (field.name === 'username') {
         form.username = field.value
       }
       if (field.name === 'password') {
         form.password = field.value
       }
     })
     console.info(form)
   }
мне кажется мой вариант получения определенного поля есть не очень правильным, и хотел бы совет,, как лучше его доставать
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
заранее извиняюсь за pug)
источник

Т

Т.А in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
заранее извиняюсь за pug)
WTP?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Т.А
WTP?
имел ввиду, что возможно для некоторых он сложно читаемый, если не сталкивались ранее с ним
источник

TK

Taras Khvyl in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
всем привет. есть компонент с инпутом. этот компонент я проганяю массивом и заполняю данными с этого массива. вопрос, как мне при отправке формы, вытянуть определенное поле и записать его в нужное место? сейчас я сделал так
вот компонент, который я вывожу в зависимости от заданного массива:
.wrapper.flex.flex-col.mb-3
   label.wrapper__label.mb-1.text-sm.font-bold {{ title }}
   input.wrapper__field(
     :name="name"
     :type="type"
     @input="updateValue($event.target.value)"
     :placeholder="placeholder"
     :required="required"
     class="hover:shadow-md"
     ).mb-1.outline-none.h-8.px-2.text-sm.shadow.rounded
   span.wrapper__message.text-xs(v-if="message.length > 0" :class="'text-' + messageType") {{ message }}
сам массив:
fields: [
       {
         name: 'username',
         placeholder: 'Логин',
         type: 'text',
         title: 'Логин',
         message: '',
         value: '',
         messageType: '',
         required: true
       },
       {
         name: 'password',
         placeholder: 'Пароль',
         type: 'password',
         title: 'Пароль',
         message: '',
         value: '',
         messageType: '',
         required: true
       }
     ]
метод отправки формы:
submitLogin () {
     const form = {
       username: '',
       password: ''
     }
     this.fields.forEach((field) => {
       if (field.name === 'username') {
         form.username = field.value
       }
       if (field.name === 'password') {
         form.password = field.value
       }
     })
     console.info(form)
   }
мне кажется мой вариант получения определенного поля есть не очень правильным, и хотел бы совет,, как лучше его доставать
v-model ?
источник

Т

Т.А in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
имел ввиду, что возможно для некоторых он сложно читаемый, если не сталкивались ранее с ним
и я том же) what the pug?) pug, fuck без разницы)
источник

Т

Т.А in Nuxt.js — русскоговорящее сообщество
Taras Khvyl
v-model ?
+ v-for
источник

AC

Anton Chipiga in Nuxt.js — русскоговорящее сообщество
Подскажите как правильно настроить babel. Сейчас в ie жалуется на строку с arrow function, добавил в nuxt config настройки
babel: {
 plugins: [
     '@babel/plugin-transform-arrow-functions'
 ]
},

но после билда ничего не изменилось
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
<div class="wrapper flex flex-col mb-3">
 <label class="wrapper__label mb-1 text-sm font-bold">{{ title }}</label>
 <input
   class="wrapper__field hover:shadow-md mb-1 outline-none h-8 px-2 text-sm shadow rounded"
   :name="name"
   :type="type"
   @input="updateValue($event.target.value)"
   :placeholder="placeholder"
   :required="required" />
 <span class="wrapper__message text-xs" v-if="message.length > 0" :class="'text-' + messageType">{{ message }}</span>
</div>
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Anton Chipiga
Подскажите как правильно настроить babel. Сейчас в ie жалуется на строку с arrow function, добавил в nuxt config настройки
babel: {
 plugins: [
     '@babel/plugin-transform-arrow-functions'
 ]
},

но после билда ничего не изменилось
еси эта стрелочная функция во внешней зависимости то https://nuxtjs.org/api/configuration-build/#transpile
источник

AC

Anton Chipiga in Nuxt.js — русскоговорящее сообщество
DreaMinder
еси эта стрелочная функция во внешней зависимости то https://nuxtjs.org/api/configuration-build/#transpile
гляну, спасибо
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
у меня нету проблемы с прокидыванием данных с одного компонента в другой, проблема в том, что мне нужно бы более корректное решение чем выборка с помощью if в forEach'e
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
просто данное решение я считаю говнокод чистой воды
submitLogin () {
     const form = {
       username: '',
       password: ''
     }
     this.fields.forEach((field) => {
       if (field.name === 'username') {
         form.username = field.value
       }
       if (field.name === 'password') {
         form.password = field.value
       }
     })
     console.info(form)
   }
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
ведь если у меня количество полей возростет к 30 например, то 30 if"ов это уже слишком
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Это и есть говнокод
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Биндите через v-model
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Чтобы сделать срез объекта используйте computed
источник