el-cascader⼿动赋值后，input框不回显的取巧解决⽅法
⼀、问题描述
使⽤el-cascader级联框，在添加默认值，v-model绑定的值是修改到了，但是input不显⽰，还是显⽰的⽆内容时候会出现的placeholder
⼆、解决过程
1、查阅度娘之后，发现可能是数据修改的时候，级联的options的绑定数据还没请求下来，所以⾸先尝试
this.$forceUpdate()强制更新渲染，很好，没有作⽤。
onpaste不能用input2、看到有⽹友使⽤v-if去控制el-cascader级联框，⽬的也是重新渲染，以求达到回显
代码如下，⽤v-if+变量，去控制el-cascader的显⽰，赋值前false，赋值后才赋值为true
结果：没有作⽤，失败告终。
3、⼀番搜索，看到有⽹友在第⼆种的基础，想出了⼀个骚操作，反正都是显⽰，⽤个标签叠上去也是显⽰，
就是先平时隐藏el-cascader级联的输⼊框，⽤个标签叠在上⾯显⽰，要改值的时候才隐藏这个标签。（⽐较复杂，我差点就想⽤这个⽅法去解决问题了）
4、最终！的操作来了，神来之笔我感觉是的，有⽼哥⽤
真的神奇的脑回路，太服⽓了，直接⽤placeholder做回显，只要再改改样式，就完全⼀样了，完美。
三、⼼得
1、知晓了el-cascader级联组件在回显的处理可能还有bug（根据国内⽹友的发⾔得出，不保证准确性）
2、知晓了问题解决的⽅法有很多，还有更多更有趣（骚⽓）的操作，等待我们⼯程师去发现去探索。
ps：第⼀次发博客，不知道写得好不好，如有侵权请私信我，谢谢你的观看！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。