VUE-Input没办法修改

前几天用vue+Element UI写后台页面,遇到几个奇葩的事.

第一个就是在子组件里的赋值,将父组件的值传到子组件,在子组件中勾选,并显示数值.

这是要做的效果:

做的时候发现,值可以赋值显示,但是勾选给不上,勾选用的this.$refs.ingredientTable.toggleRowSelection();这是官方文档中的方法.

最后我请教大佬,用this.$nextTick(function(){}包住赋值,完成任务,哈哈哈啊哈哈

虽然最后完成了,但是又出现了更奇葩的问题,这个input显示的数值居然无法修改,我并没有给input加什么奇怪的特性,我尝试多次,都无法解决根本问题,最后整了个骚操作:

我给input加了个@input="handleInput(scope)"方法,OK完美解决,前端太难了,头疼~~~~~~