Enter で送信・Shift+Enter で改行する @ Vue

ステラナイツ向けツールで必要になったので。ついでに「」をさっと挿入する機能を作ったときの書き方も載せとく。実際に動かしているコード。 https://github.com/Shunshun94/StellarKnightsTools/blob/master/client/js/chat/commonChat.js

<textarea 
	v-model="text"
	@keydown.enter="submit"
	@keydown.ctrl.219="insertParentheses"></textarea>

	methods: {
		insertParentheses: function(e) {
			if(this.text.trim().length) {
				this.text = `「${this.text}」` 
			} else {
				this.text = '「」';

				// 少し処理を遅延させないとカーソルの移動が DOM の再描画で上書きされてしまう
				// 描画終わりそうな短い時間待った上でカーソルを動かす
				setTimeout(()=>{
					e.target.setSelectionRange(1,1);
				}, 200);
			}
		},
		submit: function(e) {
			if(e.shiftKey) {
				return;
			}

			// これで「Enter を叩くと改行が入る」というデフォルトの挙動をキャンセルする
			e.preventDefault();
			const text = this.text.trim();
			this.text = '';
			this.$emit(`chat-input-events-sendChat`, text);
		}
	}