el-cascader 使用

Posted 2020-12-19 facescore

提示： 更新element版本问题，样式问题，

放在el-dialog内样式问题 等等 

页面

  <el-form-item label="地域限制：">
              <el-cascader
                v-model="cascader"
                :options="cascaderOptions"
                :props="{
                  multiple: true,
                  value: ‘id‘,
                  label: ‘name‘,
                  children: ‘citys‘
                }"
                collapse-tags
                clearable
              ></el-cascader>
            </el-form-item>

data

注意，回显数据 格式 [[一级id,二级id],[一级id,二级id]]

      cascaderOptions: [],
      cascader:[[111,222],[1111,2222]]