在 vue-cli 项目中通过 v-model 绑定 el-input 输入内容不渲染

解决方案

通过 @input 事件发现可以拿到当前输入的值，所以应该是数据改变了但是视图没更新

<el-input type="text" v-model="formData.reason" @input="change"></el-input>

<script>
methods: {
	change() {
		this.$forceUpdate()  // 强制刷新
	}
}
</script>

拓展

此类问题所涉及到的原理是 Vue 数据加载的响应式原理，通过查看官方文档深入理解响应式原理

如何解决 vue 修改数据不刷新页面这个问题？
1\ 通过 this.$set

2\ 给数组、对象赋新值

3\ 使用 this.$forceupdate 强制刷新

4\ 初始便在 data 定义好数据