el-cascader联级选择器数据不回显问题

168 阅读1分钟
          <el-cascader
            v-model="form.id"
            :options="options"
            :props="{ emitPath: false }"
            @change="handleChange"
            style="width: 100%">
            <template #default="{ node, data }">
              <span>{{ data?.dictLabel }}</span>
              <span v-if="node?.level === 1">(部门)</span>
              <span v-else-if="node?.level === 2">(姓名)</span>
            </template>
          </el-cascader>

联级选择器绑定值id,可以根据options自动回显数据;
但是要注意id的数据类型要与options中的value值保持一致!