javascript - 最近添加的属性没有出现在 DOM 中

Question

我在 Vue.js 上使用 js 设置了“挂载”钩子(Hook)的属性

document.getElementById("MF TYPE_U32").lastChild.firstChild.setAttribute("name", "123");

当我去 Inspector 时，我在属性列表中看不到任何变化。
在检查员上，相关元素看起来:

<div id="MF TYPE_U32" class="row my-1 key">
     <div class="text_aln_rht col-sm-5">
           <label for="2797993984">Carrier Frequency</label>
     </div>
<div class="col-sm-7">
     <input type="text" placeholder="GHz" class="form-control form-control-sm" id="__BVID__147"> <i class="fas fa-info-circle" aria-hidden="true"></i> 
     </div>
</div>

有人遇到过这个问题吗？

Answer 1

试试这个!

document.getElementById("MF TYPE_U32").lastElementChild.firstElementChild.setAttribute("name", "123");