首页 > 解决方案 > 关于 VueJs 中的 DOM 操作的困惑

问题描述

我的模板中有一个选择元素,我正在使用@change 调用一个函数。

<select 
  @change="updatePriorityAndStatus($event, windex, w.ProjectCode)">
 </select>

如您所见,我正在使用 $event 变量来访问 DOM 事件。现在在我的函数中,如果我做这样的事情

updatePriorityAndStatus($event, id, code) {
      $event.target.parentNode.children[0].style.backgroundColor = '#ff3300';
    },

它是否操纵实际的 DOM ?正如我们所知,我们不应该像在 JS 或 JQuery 中那样操作实际的 DOM。

标签: vuejs2

解决方案


推荐阅读