如何通过按钮点击取消Vuetify v-treeview所有复选框选中状态

你当前的组件已经通过v-model="location_tree"双向绑定了树的选中状态，Vuetify 2.x版本的v-treeview选中值完全和绑定的变量同步，不需要操作DOM或者调用组件内部私有方法，直接按下面步骤实现即可：

• 给触发清空操作的按钮绑定点击事件

<!-- 你指定的触发按钮 -->
<v-btn color="error" @click="clearTreeSelected">取消所有选中</v-btn>

• 在组件的methods中实现清空逻辑，直接将v-model绑定的数组置空即可

export default {
  // 你原有的data、props等配置
  methods: {
    // 你原有的location_tree_update等方法
    clearTreeSelected() {
      // 置空绑定的选中值数组，组件会自动响应，取消所有复选框的选中状态
      this.location_tree = []
      // 如果你的业务逻辑需要在清空选中后主动触发更新回调，可以在这里调用
      // this.location_tree_update([])
    }
  }
}

补充说明：如果你给v-treeview配置了return-object属性，绑定的location_tree会存储选中节点的完整对象而非item-key（默认是id），此时清空逻辑依然是直接赋值空数组，不需要额外调整。
不推荐通过$refs.location_tree调用组件内部未公开的方法实现清空，这类内部方法可能在小版本迭代中发生变动，稳定性没有保障，直接操作v-model绑定值是官方推荐的标准写法，在你当前使用的2.6.7版本下完全可用。

内容的提问来源于stack exchange，提问作者Andrey