Vue

by mizobata

HTML

<div id="app">
  <h2>Input</h2>
    <p>{{ msg }}</p>
  <textarea
    v-model="msg" @input="handleChangeText(msg, $event)"/>
</div>

Vue

new Vue({
  el: "#app",
  data () {
  	return {
    	msg: ''
    }
  },
  methods: {
  	handleChangeText (old, e) {
    	const reg = RegExp(/^[a-zA-Z0-9-_\,\.\?\'\"\\/\r\n|\n|\r]+/)
    	const result = reg.exec(e.target.value)
      this.msg = result ? result[0] : ''
    }
  }
})