Как запретить enter в textarea?

Question

[Андрей]

Привет, нужно сделать следующее: при нажатии Enter в textarea вызывать функцию-обработчик, но при этом не добавлять перенос строки. Использую Vue.

Пробовал уже целую кучу вариантов.

// Не работает :(
<template lang="pug">
textarea(
    @keyup.enter="enterHandler"
)
</template>

<script>

export default {
    methods: {
        enterHandler(event) {
            event.preventDefault()

            // other logic
        }
    }
}
</script>

Пробовал так же фильтровать строку на наличие '\n', но способ крайне неэффективный - теряется позиция курсора, при этом переносы строки всё равно сохраняются и пропадают только после ввода какого-либо символа.

Answer 1

[Alex]

Используйте input вместо textarea

Comments

[Андрей]

Нужен перенос строк при наборе текста.

Answer 2

[0xD34F]

@keydown.enter.prevent=""

Comments

[Андрей]

Пробовал и это, не работает. В моём кейсе я использую textarea-autosize, на котором нужен дополнительный модификатор .native. Возможно, поэтому

[0xD34F]

Пробовал, и это работает. Какой вопрос - такой ответ. Ни о каком "textarea-autosize" изначально речи не шло. Ответ на свой вопрос вы получили и другого тут не будет.