Cascader 级联选择器和Dialog中的一些版本问题

关于element-ui版本不一致的问题

1.在当下版本的通过

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D24bQHWr-1625911244404)(C:\Users\admin\AppData\Roaming\Typora\typora-user-images\image-20210710172610554.png)]

Cascader 级联选择器

可通过 props.checkStrictly = true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。

​ 就是在props的属性对象中添加checkStrictly = true`

在Attributes中添加change-on-select与它的效果相同

<el-cascader
    :options="options"
    :props="{ checkStrictly: true }"//可以把这一项转为函数，在script中写一个函数，在函数中设置 checkStrictly: true
    clearable></el-cascader>

2.但是当使用Dialog的时候v-model要换成visiable-sync否则点击按钮弹出框不显示

<div>
  <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
 <el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
 >
  <span>这是一段信息</span>
  <template #footer>
    <span class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </template>
</el-dialog>
 </div>

```