<el-form-item label="分類:" prop="region" class="region">
          <div class="block">
            <el-cascader
              v-model="optionProps" //**重點**
              :options="myOptions2"
              :props="{ checkStrictly: true }"
              @change="handleChange"
            ></el-cascader>
          </div>
        </el-form-item>

// template中的應(yīng)用 options為數(shù)據(jù) 
// 1.props="optionProps"：props是框架屬性，optionProps為自定義data中的key
//2. ref="cascaderAddr" 自定義 用來 @change事件取值用
		<template>
			<el-cascader
              v-model="ruleForm.address"
              :options="options"
              :props="optionProps"
              clearable
              ref="cascaderAddr"
              @change="cascaderChange"
            ></el-cascader>
        </template>

//定義符合自己數(shù)據(jù)的key值
<script>
data() {
    return {
      optionProps: {
        value: "code",
        label: "name",
        children: "children",
      },
     }
    },
methods: {
 cascaderChange() {
      console.log(
        this.$refs["cascaderAddr"].getCheckedNodes()[0].pathLabels,
        "選擇地址"
      );
      // this.$refs["cascaderAddr"].getCheckedNodes()//完整的數(shù)據(jù)
      //this.$refs["cascaderAddr"].getCheckedNodes()[0].pathLabels//value的值
    },
}
</script>