Ну на клик вешай стирание, вотчер то сработает все равно

И сотрёт в сторе или че он там делает у тебя этот вотчер

плюс от этого поля зависит другой компонент, поэтому стор

Я не понимаю, зачем там вотчер

Ну на клик вешай стирание, вотчер то сработает все равно

Кстати, а нельзя computed повесить?

Ну на клик вешай стирание, вотчер то сработает все равно

не работает

И комьютед зачем? Это сайд эффект же

А поле в data лежит?

Кстати, а нельзя computed повесить?

можно, но только как пользователь будет работать с полем?

как его стирать

переменная лежит в дата

Почему ты в @input логику сохранением не запишешь?

Почему ты в @input логику сохранением не запишешь?

подробнее можно

Тебе вообще точно нужна эта переменная в дате?

нет

Геттеры и сеттеры сделай у компутед. Геттер возвратит значение из стора, сеттер вызовет мутацию. Убери вотчер и поле из data

Тебе вообще точно нужна эта переменная в дате?

не нужна по факту

Геттеры и сеттеры сделай у компутед. Геттер возвратит значение из стора, сеттер вызовет мутацию. Убери вотчер и поле из data

подробнее, как сеттер сделать?

Погугли vue computed setter

не нужна по факту

а обойтись обработчиком на @input не получится? И не записывай в дату, раз не нужна.

Погугли vue computed setter

похоже мне это надо

сейчас гляну

подробнее можно

Ну тогда убери переменную, убери v-model, повесь на импут @input хендлер, в хендлере из эвента доставай значение и записывай в стор, при достижении 10 символов, очищай импут

Сто раз так делал, крутая тема. можно v-model вешать, а в сеттере логику стирания после больше 10 символов реализовать. А по клику стирать отдельной функцией - обработчиком события клик

Можно и через @input, но так кода больше

пробовал всяко

нифига

значение остается

<template> <v-text-field v-model="prp" @click="prp = ''" style="max-width: 500px;" solo-inverted flat prepend-icon="search"> </v-text-field> </template> <script> export default { name: 'search2', data () { return { tmp: '' } }, methods: { clear () { this.prp = '' } }, computed: { prp: { get: function () { return this.tmp }, set: function (newValue) { if (newValue !== null) { if (newValue.toString().length === 10) { this.tmp = '' } else if (newValue.toString().length >= 10) { this.tmp = '' } } } } } } </script>

Если это актуальный код, то у тебя ошибка синтаксиса на клике

Скобка не закрыта

А не, это на телефоне так выглядит

Если это актуальный код, то у тебя ошибка синтаксиса на клике

то есть все норм, но не работает

подобная хрень на ангуляре первом у меня сделана и все работает

хотел переписать

<template> <v-text-field v-model="prp" @click="prp = ''" style="max-width: 500px;" solo-inverted flat prepend-icon="search"> </v-text-field> </template> <script> export default { name: 'search2', data () { return { tmp: '' } }, methods: { clear () { this.prp = '' } }, computed: { prp: { get: function () { return this.tmp }, set: function (newValue) { if (newValue !== null) { if (newValue.toString().length === 10) { this.tmp = '' } else if (newValue.toString().length >= 10) { this.tmp = '' } } } } } } </script>

ересь какаято

ересь какаято

есть идея лучше? я буду только рад! помоги, пожалуйста

то есть все норм, но не работает

через @input как то проще нет? @input= (val) = { if (val && val.length >= 10) this.doSomething() } чот не больше коду то свиду)

то есть все норм, но не работает

С телефона просто не воспринимается код, был бы за пк глянул бы)

сейчас попробую

через @input как то проще нет? @input= (val) = { if (val && val.length >= 10) this.doSomething() } чот не больше коду то свиду)

попробую

Вы наркоманы опять наркоманите

<template> <v-text-field v-model="prp" @click="prp = ''" style="max-width: 500px;" solo-inverted flat prepend-icon="search"> </v-text-field> </template> <script> export default { name: 'search2', data () { return { tmp: '' } }, methods: { clear () { this.prp = '' } }, computed: { prp: { get: function () { return this.tmp }, set: function (newValue) { if (newValue !== null) { if (newValue.toString().length === 10) { this.tmp = '' } else if (newValue.toString().length >= 10) { this.tmp = '' } } } } } } </script>

Че за бредовые условия?)

И почему ты не присваиваешь this.tmp значение, переданное сеттеру, если строка < 10?

И почему ты не присваиваешь this.tmp значение, переданное сеттеру, если строка < 10?

я просто уже не знаю что сделать чтобы заработало так как надо)))

я просто уже не знаю что сделать чтобы заработало так как надо)))

а как надо?

<template> <v-text-field v-model="prp" @click="prp = ''" style="max-width: 500px;" solo-inverted flat prepend-icon="search"> </v-text-field> </template> <script> export default { name: 'search2', data () { return { tmp: '' } }, methods: { clear () { this.prp = '' } }, computed: { prp: { get: function () { return this.tmp }, set: function (newValue) { if (newValue !== null) { if (newValue.toString().length >= 10) { this.tmp = '' } else { this.tmp = newValue; } } else { this.tmp = ''; } } } } } </script>

Можно и получше, но я с телефона

@ArStah там вообще посредник prp нужен?

а как надо?

есть поле, при вводе в него 10 символов происходит переход по роуту, при этом поле чистится. при клике на поле, оно тоже чистится

@ArStah там вообще посредник prp нужен?

Ну да, если юзать геттер и сеттер

А не @input

еще компонент это уже видно, накотором динамический роут, надо загружать данные при смене роута

Но ваще, если данные в сторе должны быть, то в геттере - вернуть поле со стейта, или геттер из вуэкса, а в сеттере - вызывать мутацию

еще компонент это уже видно, накотором динамический роут, надо загружать данные при смене роута

Для реагирования на смену роута вешай вотч на $route

еще компонент это уже видно, накотором динамический роут, надо загружать данные при смене роута

И откуда это видно ваще?

есть поле, при вводе в него 10 символов происходит переход по роуту, при этом поле чистится. при клике на поле, оно тоже чистится

нельзя вотчер повесить на v-model который на инпуте. при нужной длинне данных дергаем метод. при клике дёргаем отдельную функцию очещаем тоже самое поле

и что мне сделать?

у меня модель пустая но в поле есть текст

есть поле, при вводе в него 10 символов происходит переход по роуту, при этом поле чистится. при клике на поле, оно тоже чистится

если запилиш песочницу с дефолтными инпутами попробую поправить (типа http://jsfiddle.net/qmc5gs7r/2/)

ERROR: S client not available

если запилиш песочницу с дефолтными инпутами попробую поправить (типа http://jsfiddle.net/qmc5gs7r/2/)

ок, пойду поем и закину

если запилиш песочницу с дефолтными инпутами попробую поправить (типа http://jsfiddle.net/qmc5gs7r/2/)

а то у нас время обеда

Всем привяу, кто нибудь шарит чат по Ларавел?

Всем привяу, кто нибудь шарит чат по Ларавел?

Их два, для более продвинутых @laravelrus и менее @laravel_pro

Если русский надо

второй выглядит по названиюю продвинутее, но прислушаюсь к вам, мастер

Их два, для более продвинутых @laravelrus и менее @laravel_pro

десонанс какойто с названием, нет?

десонанс какойто с названием, нет?

Ну вообще, по классике именно то, что называют super|proffessional|mega и т.д. чаще менее серьёзное

Ну вообще, по классике именно то, что называют super|proffessional|mega и т.д. чаще менее серьёзное

Blazing fast. Всё что не blazing вообще не имеет смысла рассматривать

<template> <v-text-field v-model="prp" @click="prp = ''" style="max-width: 500px;" solo-inverted flat prepend-icon="search"> </v-text-field> </template> <script> export default { name: 'search2', data () { return { tmp: '' } }, methods: { clear () { this.prp = '' } }, computed: { prp: { get: function () { return this.tmp }, set: function (newValue) { if (newValue !== null) { if (newValue.toString().length >= 10) { this.tmp = '' } else { this.tmp = newValue; } } else { this.tmp = ''; } } } } } </script>

дерьмовые ифи

можно же сделать ранний выход

ну я понимаю, что писал не ты, а этот чел

axios

(если меня сейчас не побьют палками)

axios

(если меня сейчас не побьют палками)

ну не знаю) я не знаком с реактом особо)))

кин ссылку на эту сагу

ну не знаю) я не знаком с реактом особо)))

Просто во vue есть ещё vue-resource , которы типа совсем для vue, через инстанс vue используется потом. https://github.com/pagekit/vue-resource Но имхо лучше axios

В доке по vue рекомендуют юзать axios

опиши, какие задачи надо решать

дак вроде аксиос нет?

actions. Из коробки

https://vuex.vuejs.org/ru/guide/actions.html

actions во vuex

Народ renderTitle(createElement) { return createElement( 'div', {class: 'tile-title'}, [this.$slots.title]); }, Как мне в title передать метод который бы я мог юзать через slot-scope в этой ситуации??

Народ renderTitle(createElement) { return createElement( 'div', {class: 'tile-title'}, [this.$slots.title]); }, Как мне в title передать метод который бы я мог юзать через slot-scope в этой ситуации??

я таких зверей не знаю

Не обязательно асинхронщина. Может быть менеджмент мутаций. В мутациях только логика изменнния стейта, как редьюсер

я таких зверей не знаю

в компоненте идет рендер через render функцию, в месте где компонент юзается в него передаются именованные слоты типо <componentNane><template slot="actions">asdasd</template></componentName>

в компоненте идет рендер через render функцию, в месте где компонент юзается в него передаются именованные слоты типо <componentNane><template slot="actions">asdasd</template></componentName>

Посмотри во что слоты транспилятся. Сбилди шаблон