search

ayiaq1 / el-tree-select

基于element-ui2.x扩展下拉树
224 stars 93 forks source link

treeParams中的data无法绑定vuex变量 #36

Closed bydraw closed 5 years ago

bydraw commented 5 years ago

环境：

"el-tree-select": "^3.1.4", "element-ui": "^2.12.0", "vue": "^2.5.2", "vuex": "^3.1.1"

问题（简写）

代码 -template <el-tree-select :treeParams="{data:dataList}"></el-tree-select>

-script computed:{...mapState('dataList')} 结果 Vue Dev tools中可以明确观察到 ElTreeSelect已得到正确的treeParams[data]数组prop 但实际内部的Eltree中,data为空

ayiaq1 commented 5 years ago

考虑性能，数据没有做watch监听需要手动触发this.$refs.treeSelect.treeDataUpdateFun(response.data);

ayiaq1 commented 5 years ago

初始数据可以绑定 treeParams.data 数据变更走方法，否则watch数据会很耗性能

bydraw commented 5 years ago

感谢回复，手动更新数据确实解决了问题。 另外，如果应用场景类似于“组件绑定的data为action中返回的state数据”，似乎可以给组件加上v-if="data.length > 0"，自动响应以重绘节点。

ayiaq1 commented 5 years ago

树节点多消耗性能，建议还是走触发，不做dom的销毁和重绘，如果是在大数据量下很容易卡

bydraw commented 5 years ago

好的，感谢。