如何在 Vue 中使用 angular.element()

Posted 2023-02-22

【中文标题】如何在 Vue 中使用 angular.element()

【英文标题】：How to use angular.element() in Vue

【发布时间】：2019-11-25 03:31:51

【问题描述】：

我以前在 angularjs 中这样使用过。现在我正在迁移到 Vuejs。 如何在 Vuejs 中替换它？

 angular.element(document.querySelector('.popup-inner#company-etc')).css('display', 'none');

【问题讨论】：

在 jQuery 中使用 DOM 在 AngularJS 中是一种不好的做法，所以在 Vue 中也是如此。

【参考方案1】：

你可以使用$refs

<div ref="companyEtc" class="popup-inner" ...

...

this.$refs.companyEtc.style.display = "none"

我建议使用条件渲染：https://vuejs.org/v2/guide/conditional.html

您还可以在问题的答案中找到有关在组件中获取元素的更多信息：VueJs getting an element within a component