I recently encountered an issue where I tried to set an attribute using the "mounted" hook in Vue.js
document.getElementById("MF TYPE_U32").lastChild.firstChild.setAttribute("name", "123");
Despite successfully setting the attribute with JavaScript, when I checked in the Inspector, I couldn't see the changes reflected in the attribute list. The relevant element in the inspector appeared as follows:
<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>
Has anyone else experienced a similar issue like this before?