From e8a90745453d12111a64faea3bf5eca768567e85 Mon Sep 17 00:00:00 2001
From: Simona <36978416+SimonaliaChen@users.noreply.github.com>
Date: Sun, 6 Dec 2020 22:52:13 +0800
Subject: [PATCH] fix(cascader): render error of radio label (#859)

empty fragment will treat as invalid slot content since vue@3.0.4 which cause radio label renders
unexpectedly, so use span instead of fragment.
---
 packages/cascader-panel/src/node.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/cascader-panel/src/node.vue b/packages/cascader-panel/src/node.vue
index b7843e5f35..7668487463 100644
--- a/packages/cascader-panel/src/node.vue
+++ b/packages/cascader-panel/src/node.vue
@@ -35,8 +35,11 @@
       @update:model-value="handleCheck"
       @click.stop
     >
-      <!-- add an empty element to avoid render label -->
-      <template #default></template>
+      <!--
+        Add an empty element to avoid render label,
+        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485
+      -->
+      <span></span>
     </el-radio>
     <i v-else-if="isLeaf && node.checked" class="el-icon-check el-cascader-node__prefix"></i>