功能需求：输入框填查询条件，另有一复选框可改变查询条件
实现方式：用复选框中的@change方法改变el-input中绑定的值
问题：当el-input一开始没有数值时，用复选框改变数值后，el-input无法二次输入了
问题原因：1.查询数据是通过prop传到本页面的，没有初始化操作；2.给实例添加新的属性并赋值不会触发视图更新
解决方法：Vue.$set()
vue不允许在已经创建的实例上添加新的根级响应式属性，但可以通过set添加。
this.form.userName = 'admin'改为
this.$set(this.form, 'userName', 'admin')