记一次生产执行修改数据后查询未生效BUG

### 关于 `el-cascader` 的 `checkStrictly` 属性不生效问题 当遇到 `el-cascader` 组件中的 `props.checkStrictly = true` 设置后仍然无法取消父子节点之间的强关联关系的情况时，可能的原因在于组件的状态更新机制以及数据绑定的方式。 #### 可能原因分析 1. **状态未及时刷新** 如果只是简单地设置 `props.checkStrictly = true` 而没有触发视图重新渲染，则新的配置不会被应用到当前实例上。这通常发生在初始化之后动态改变此属性的情况下[^1]。 2. **双向绑定失效** 使用 v-model 或者 :value 和 @input 来实现双向绑定时，如果处理不当可能会导致内部逻辑混乱，进而影响到其他功能正常运作，比如 `checkStrictly` 的效果。 3. **版本兼容性问题** 特定版本可能存在 bug 导致该特性未能按预期工作，在升级 Element UI 到最新稳定版之前建议查看官方文档确认是否存在已知问题并尝试修复方案。 #### 解决策略 为了使 `checkStrictly=true` 生效，可采取如下措施： - **强制重置组件** 当需要更改 `checkStrictly` 值的时候，可以通过销毁再创建的方式来确保新参数能够得到正确解析和执行。具体做法是在父组件中维护一个 key ，每当切换 `checkStrictly` 时也同步变更这个key值，从而促使子组件重建。 ```vue <!-- ParentComponent.vue --> <template> <child-component :key="cascaderKey" /> </template> <script> export default { data() { return { cascaderKey: Date.now(), checkStrictlyValue: false }; }, methods: { toggleCheckStrictly() { this.cascaderKey = Date.now(); this.checkStrictlyValue = !this.checkStrictlyValue; } } }; </script> ``` - **监听 props 改变事件** 对于某些场景下不想频繁重建整个组件的话，可以在 `<el-cascader>` 中添加 watch 监听器来捕获 `props.checkStrictly` 发生变化后的时机，并调用相应的方法手动通知组件去适应最新的 prop 配置。 ```javascript // ChildComponent.vue (inside script tag) import { nextTick } from 'vue'; setup(props, context){ const handlePropsChange = () => { nextTick(() => { // 执行一些操作让组件识别新的prop值 }); }; watch(() => props['checkStrictly'], handlePropsChange); onMounted(handlePropsChange); return {}; } ```