Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
Lawrence_33

Alex

  • 0
    вклад
  • 12
    вопросов
  • 0
    ответов
  • 0%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как выводить значение input по клику на enter?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Wispik, вот спасибо тебе большое, столько времени убил не могу понять почему не работает, а выводит все равно))))
    Написано 09 дек. 2022
  • Как выводить значение input по клику на enter?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    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)"
      >
    Написано 09 дек. 2022
  • Как выводить значение input по клику на enter?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    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>
    Написано 09 дек. 2022
  • Как повесить active class?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    zxf, спасибо вам большое ! Вариант хороший, а как на tailwind вешать стили на класс active, здесь пример с обычным css3
    Написано 09 дек. 2022
  • Как повесить active class?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    zxf, пример у меня массивы водится через цикл v-for и при клике на item сделать его active и например поменять цвет, через tailwind css.
    Написано 09 дек. 2022
  • Как повесить active class?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    zxf, спасибо большое за ответ. Еще маленький вопрос, а если цикл например v-for проходится как повесить active class, с помощью index ? Заранее спасибо.
    Написано 08 дек. 2022
  • Почему не меняется style при click?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    0xD34F, извиняюсь вы были правы, спасибо вам большое. Я разобрался.
    Написано 08 дек. 2022
  • Почему не меняется style при click?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    0xD34F, зачем грубить ? Я все правильно написал, то что вы предлагаете не работает, я и уточняю возможно у вас опечатка или что-то ещё.
    Написано 08 дек. 2022
  • Почему не меняется style при click?

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

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

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

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, Спасибо большое, ты лучший. Все заработало !!!!!
    Написано 06 дек. 2022
  • Почему не работает фильтр?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, спасибо большое что-то я ещё больше запутался правильно ли понял ? Но ничего не работает.
    <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)"
      >
    Написано 06 дек. 2022
  • Почему не работает фильтр?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон 3 версия, вы просто гений все заработало, когда поменяла на input, а почему не работает с компонентом ?
    Написано 06 дек. 2022
  • Почему не работает фильтр?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Александр, можно на примере пожалуйста показать. Целый день сегодня убил не нашел решение. Буду очень благодарен.
    Написано 06 дек. 2022
  • Почему не работает фильтр?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Александр, забыл ещё закинуть через v-model
    <InputSearchFilter
       v-model="search"
       />
    Написано 06 дек. 2022
  • Почему не работает фильтр?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Александр, добрый день, фильтр по search не работает, список рисуется.
    Написано 06 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    zxf, спасибо большое
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, спасибо тебе огромное не вижу свою ошибку все поменял и скобки убрал ничего не работает, позже попробую ещё раз.
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, спасибо тебе огромное за ответ. Но все варианты не рабочие, я сразу про e.stopPropagation() и подумал, но кидает ошибку TypeError: Cannot read properties of undefined (reading 'stopPropagation'). Остальные не работают.
    hideSelected(e){
      if (this.$el !== e.target)
              this.visibelOptions = false
          }

    Этот вариант не работает не видит элемента undefined $el, сегодня все утро провозился и класс ставил с готовых решением не работает. ХЗ, что за причина.
    Написано 05 дек. 2022
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • Drno
    • 5 ответов
    • 0 вопросов
  • Justa Gain
    • 4 ответа
    • 0 вопросов
  • Anonymous
    • 1 ответ
    • 2 вопроса
  • AUser0
    • 3 ответа
    • 0 вопросов
  • mayton2019
    • 3 ответа
    • 0 вопросов
  • galeyraf
    • 2 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации