Vue 世界未解之谜合集（不定时更新）

Posted 2021-09-07 aquaman

v-for循环绑定ref属性的时候，ref返回的是一个数组，作为普通绑定，比如ref="test",返回的是当前组件本身！

解决办法：先判断是否是数组

        const key = "something";
        let ref = this.$refs[key];
        if (ref[0]) 
            ref = ref[0];

element-ui cascader change事件在搜索状态下获取不到当前选择的lable标签，getCheckedNodes()

原因：在this.$emit(\'change\', val); 事件发出的时候，cascader 的 checkedValue已经更新了，但是cascader-panel的值还没被更新 element/packages/cascader-panel/src/cascader-panel.vue

解决办法:把获取值的逻辑放到Vue.$nextTick()方法里面。如果获取label建议直接使 this.$refs[\'当前cascader\'].presentText这个属性

更建议看看element-ui源码

关于 vue nextTick的解释

elementui table template 若不不绑定scope不能绑定v-model

待续...