文章展示了在Vue.js应用中，如何使用el-input组件创建一个textarea，并监听enter键事件。当用户按下enter键时，handleEnterKeyClick函数会被调用，实现文本插入换行。此方法涉及到v-model双向数据绑定、事件修饰符和字符串切片操作。
<el-input type="textarea" v-model.trim="form.back" @keydown.enter.native="e => handleEnterKeyClick(e, 'back', form.back)" :placeholder="$t('common.placewrite')" :rows="3"> </el-input>
// 监听enter键
handleEnterKeyClick(e, key, value){
let index = e.target.selectionStart
this.form[key] = value.slice(0, index) + ‘\n’ + value.slice(index)
},
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
