五层级联

src/components/zRadio.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="zSelect">
     <div class="checkbox">
-      <van-radio-group v-model="zradioc" @change="radiofn">
+      <van-radio-group v-model="radio" @change="radiofn">
         <van-radio
           :name="item.collectionOptionId + ''"
           :disabled="item.unableChoose"
@@ -17,31 +17,30 @@
 
 <script>
 export default {
-  name: "zSelect",
+  name: 'zSelect',
   props: {
-    radio: "",
-    textc: "",
+    radio: '',
+    textc: '',
     zRadiocolumns: [],
-    answerType: "",
-    collectionType: "",
-    childindex: "",
-    childindex1: "",
-    childindex2: "",
-    childIndex4: "",
-    childindex3: "",
-    childindex5: "",
-    childindex6: "",
-    childindex7: "",
+    answerType: '',
+    collectionType: '',
+    childindex: '',
+    childindex1: '',
+    childindex2: '',
+    childIndex4: '',
+    childindex3: '',
+    childindex5: '',
+    childindex6: '',
+    childindex7: '',
+    childindex8: '',
+    childindex9: '',
   },
   data() {
     return {
       radioChange: false,
-      zradioc: "",
+      zradioc: this.radio,
     };
   },
-  created() {
-    this.zradioc = this.radio;
-  },
   methods: {
     radiofn(value) {
       this.radioChange = true;
@@ -67,14 +66,16 @@ export default {
         childindex5: this.childindex5,
         childindex6: this.childindex6,
         childindex7: this.childindex7,
+        childindex8: this.childindex8,
+        childindex9: this.childindex9,
       };
-      this.$emit("input", value);
-      this.$emit("zSelectVal", datalist);
+      this.$emit('input', value);
+      this.$emit('zSelectVal', datalist);
     },
     radioclick(val) {
       if (!val) {
         if (!this.radioChange) {
-          this.zradioc = "";
+          this.radio = '';
         }
         this.radioChange = false;
       }