el-cascader插件 强制刷新

el-cascader是一个基于Element UI的级联选择器组件，可以实现多级联动效果。它支持动态加载选项、搜索、多选等功能，可以应用于省市区选择、商品分类筛选等场景。

当我们使用el-cascader时，有时需要强制刷新组件，以更新选项数据或者修改默认选中值。这时可以使用组件提供的clear方法，将当前选中的值清空，并触发级联选择器的change事件。示例代码如下：

<template>
  <el-cascader
    :options="options"
    v-model="selectedOptions"
    @change="handleChange"
    ref="cascader"
  />
  <el-button @click="handleRefresh">强制刷新</el-button>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'beijing',
          label: '北京',
          children: [
            {
              value: 'dongcheng',
              label: '东城区'
            },
            {
              value: 'xicheng',
              label: '西城区'
            }
          ]
        },
        {
          value: 'shanghai',
          label: '上海',
          children: [
            {
              value: 'pudong',
              label: '浦东新区'
            },
            {
              value: 'minhang',
              label: '闵行区'
            }
          ]
        }
      ],
      selectedOptions: []
    }
  },
  methods: {
    handleChange(value) {
      console.log(value)
    },
    handleRefresh() {
      this.$refs.cascader.clear()
    }
  }
}
</script>

在上面的示例代码中，我们在el-cascader组件上添加了ref属性，并给其命名为"cascader"。然后在强制刷新按钮的点击事件中，通过this.$refs.cascader.clear()调用clear方法，实现了强制刷新组件的功能。