Как выводить значение input по клику на enter?

Wispik, вот спасибо тебе большое, столько времени убил не могу понять почему не работает, а выводит все равно))))

Как выводить значение input по клику на enter?

Wispik, я менял как ты написал. ничего не поменялось как выводился текст при вводе, так и выводится, а мне нужно только при клике на кнопку enter.

<input 
  type="text" 
  class="text-gray-100 text-xs font-bold px-5 bg-transparent border border-gray-900 border-solid rounded-xs min-h-11.5 w-full mt-5 hover:bg-black-700 hover:border-black-700 cursor-pointer transition-all focus:border-purple caret-purple" placeholder="Name..." 
  :value="modelValue"
  @input="$emit('update:modelValue', $event.target.value)"
  @keyup.enter="$emit('update:modelValue', $event.target.value)"
  >

Как выводить значение input по клику на enter?

Wispik , добрый день не в этом проблема я уже убрал. И сделал во так, но не работает не могу понять почему. кидает ошибку Uncaught TypeError: fn is not a function.

<div class="">
      <InputFilterName
      v-model="textName"
      @keyup.enter="outputValue"
      />
    </div>

export default {
  name: 'NameDropDown',
  data(){
      textName: '',
      outputValue: '',
    }
  },
  methods: {
    outputValue(){
        this.outputValue = this.textName
    }
  }
}
</script>

Как повесить active class?

zxf, спасибо вам большое ! Вариант хороший, а как на tailwind вешать стили на класс active, здесь пример с обычным css3

Как повесить active class?

zxf, пример у меня массивы водится через цикл v-for и при клике на item сделать его active и например поменять цвет, через tailwind css.

Как повесить active class?

zxf, спасибо большое за ответ. Еще маленький вопрос, а если цикл например v-for проходится как повесить active class, с помощью index ? Заранее спасибо.

Почему не меняется style при click?

0xD34F, извиняюсь вы были правы, спасибо вам большое. Я разобрался.

Почему не меняется style при click?

0xD34F, зачем грубить ? Я все правильно написал, то что вы предлагаете не работает, я и уточняю возможно у вас опечатка или что-то ещё.

Почему не меняется style при click?

0xD34F, добрый день, спасибо за ответ. Подскажите пожалуйста, как только добавляю в $emit ('sortOpen', this.sortWindowOpen = !this.sortWindowOpen), перестает открываться окно, в чем может быть проблема ?

Как передать класс по клику в другой компонент?

Олег Кириллов, добрый день что-то я не понял, подскажите пожалуйста
<... @click.native="$emit('smthngClick')" ...>
во 1 у меня на native ругается, во 2 что должно быть в $emit(sortOpen ) или что-то другое ? И вопрос зачем тогда, вешать если мне только класс передать.
@trClick="sortOpen = !sortOpen"
Какая у меня проблема я не могу понять как передавать данные я понимаю props, но не могу понять $emit, а именно по клику в одном компоненте передать класс в другом.

Как передать класс по клику в другой компонент?

Farkl, добрый день, спасибо. А подскажите а как мне клик передать. Например я вешаю клик в одном компоненте @click="sortOpen", а в другом компоненте добавляю :class="{'relative' : sortOpen}", и ничего не работает. Как правильно передать клик ?

Почему не работает фильтр?

Антон Антон, Спасибо большое, ты лучший. Все заработало !!!!!

Почему не работает фильтр?

Антон Антон, спасибо большое что-то я ещё больше запутался правильно ли понял ? Но ничего не работает.

<input 
  type="text" 
  class="bg-transparent w-full px-2.5 h-7 border border-gray-900 text-gray-100 font-normal text-xs rounded-xs placeholder:text-gray-100 placeholder:font-normal placeholder:text-xs focus:border-purple caret-purple hover:bg-black-700 hover:border-black-700 hover:border hover:cursor-pointer" 
  placeholder="Sort by..."
  :modelValue="search"
  @update:modelValue="$emit('update:modelValue', $event.target.value)"
  >

Почему не работает фильтр?

Антон Антон 3 версия, вы просто гений все заработало, когда поменяла на input, а почему не работает с компонентом ?

Почему не работает фильтр?

Александр, можно на примере пожалуйста показать. Целый день сегодня убил не нашел решение. Буду очень благодарен.

Почему не работает фильтр?

Александр, забыл ещё закинуть через v-model

<InputSearchFilter
   v-model="search"
   />

Почему не работает фильтр?

Александр, добрый день, фильтр по search не работает, список рисуется.

Как удалить addEventListener?

zxf, спасибо большое

Как удалить addEventListener?

Антон Антон, спасибо тебе огромное не вижу свою ошибку все поменял и скобки убрал ничего не работает, позже попробую ещё раз.

Как удалить addEventListener?

Антон Антон, спасибо тебе огромное за ответ. Но все варианты не рабочие, я сразу про e.stopPropagation() и подумал, но кидает ошибку TypeError: Cannot read properties of undefined (reading 'stopPropagation'). Остальные не работают.

hideSelected(e){
  if (this.$el !== e.target)
          this.visibelOptions = false
      }

Этот вариант не работает не видит элемента undefined $el, сегодня все утро провозился и класс ставил с готовых решением не работает. ХЗ, что за причина.