el-collapse v-model @change

在Vue.js中，`el-collapse` 是 Element UI 库中的一个组件，它通常用于创建折叠面板。`v-model` 是 Vue 的双向数据绑定指令，用于在视图和模型之间建立数据关联，当用户操作展开或折叠时，其状态会通过 `v-model` 进行更新。

`@change` 是 Vue 中的事件监听器，用于响应某个元素状态改变时触发的自定义回调函数。当你在 `el-collapse` 上设置 `v-model` 并附加 `@change` 事件，比如：

<el-collapse v-model="collapsible">
  <el-collapse-item title="Item 1" :key="1">
    Content for Item 1
  </el-collapse-item>
</el-collapse>
<script>
export default {
  data() {
    return {
      collapsible: false,
    };
  },
  methods: {
    onChange(value) {
      console.log('Collapse state changed to:', value);
      // 在这里可以添加处理展开/收起的具体业务逻辑
    },
  },
};
</script>

每当 `collapsible` 的值变化（如折叠或展开），`onChange` 方法会被调用，你可以在这个方法里获取新的状态并执行相应的操作。