MenFn() { console.log(this.$refs.anicon) this.icon_open = false }, 让refs获取的DOM在三毫秒后css隐藏

您可以使用 `setTimeout` 函数来在三毫秒后隐藏DOM元素。代码如下：

MenFn() {
  console.log(this.$refs.anicon)
  this.icon_open = false;
  setTimeout(() => {
    this.$refs.anicon.style.display = 'none';
  }, 3);
}

这将在 `MenFn` 函数执行后的三毫秒后将 `anicon` 元素的 `display` 样式设置为 `none`，从而隐藏它。

相关问题

console.log(this.$refs.box1this.$refs.box2)

这段代码可能存在语法错误，应该将其拆分为两行代码：

console.log(this.$refs.box1); 
console.log(this.$refs.box2);

这两行代码分别输出了 Vue 组件中通过 `$refs` 获取到的名为 `box1` 和 `box2` 的 DOM 元素。`$refs` 是 Vue.js 提供的一个非响应式的属性，它可以用来访问组件内部的 DOM 元素或子组件实例。

在上述代码中，`this.$refs.box1` 表示获取名为 `box1` 的 DOM 元素，`this.$refs.box2` 表示获取名为 `box2` 的 DOM 元素。如果这两个元素都存在，那么这两行代码会分别输出这两个 DOM 元素的信息。如果其中一个元素不存在，那么输出的值就为 `undefined`。

需要注意的是，`$refs` 是一个非响应式的属性，即当 `$refs` 中的对象发生改变时，不会触发组件重新渲染。因此，在使用 `$refs` 时，需要确保其值不会随着组件状态的改变而改变，否则可能会出现意料之外的结果。

getDetailById(id){ postDetail(id).then(res => { this.formData = res.data this.getFlowGroupInfoById(this.formData.flowGroupId) this.setCommissionData() this.setOutputData() this.setReleaseData() console.log(this.$refs.tree,this.formData.userIdListDeliver) console.log(this.$refs.tree.filter) this.$nextTick(()=>{ this.$refs.tree.filter(1) }) }) },

根据您提供的代码片段，您正在尝试在Vue组件中使用`$refs.tree.filter`方法，但是该方法可能不存在或没有按预期工作。请确保您的`$refs.tree`引用指向具有`filter`方法的正确对象。

另外，请检查以下几点：

1. 确保`$refs.tree`已正确地引用了您期望的组件或元素，可以通过在`mounted`或`updated`生命周期钩子中使用`console.log(this.$refs.tree)`来验证。
2. 确保您的组件或元素上具有名为`filter`的方法。您可以通过在组件定义中搜索`filter`方法来确认。
3. 如果`filter`是您自定义的方法，请确保它已正确定义并在正确的上下文中调用。

如果问题仍然存在，请提供更多关于您正在使用的组件、相关的HTML模板以及其他相关代码的信息。这将有助于我更好地理解并解决您的问题。