vue-cascader中国城市三级联动

<template>
    <div>
        <el-cascader
            :options="options"
            :props="props"
            v-model="selectedOptions"
            @change="handleChange"
            @active-item-change="handleChange"
            v-bind="$attrs"
            :clearable="clearable"
            :filterable="filterable"
            :change-on-select="changeOnSelect"
            :disabled="disabled"
            :show-all-levels="showAllLevels"
        ></el-cascader>
    </div>
</template>
<script>
import PlaceCode from "@/assets/js/placeCode"
export default {
    data(){
        return{
            options: [],
            selectedOptions: [],
            keyPath: null,
            //是否可搜索选项
            filterable: false,
            //是否允许选择任意一级的选项 默认值false
            chan