element级联选择器中获取当前选择node节点的两种方式

级联选择器

element级联选择器中获取当前选择node节点的两种方式_第1张图片

一.官网给出的getCheckedNodes()方法

this.$refs['cascaderAddr'].getCheckedNodes()

打印效果如下:

element级联选择器中获取当前选择node节点的两种方式_第2张图片

但是这种方式有一个弊端,就是无法获取到“搜索条件下”的node节点,打印时getCheckedNodes为undefined,这种情况下就需要用到第二种方式

二.根据获取到的val值反查

element级联选择器中获取当前选择node节点的两种方式_第3张图片

this.$refs.cascaderAddr.panel.getNodeByValue(val)

打印如下:

element级联选择器中获取当前选择node节点的两种方式_第4张图片

以上~~

你可能感兴趣的:(vue)