<el-input
v-show="tag.isTagClick"
class="tag-input"
:ref="
(el) => {
tagInputRefArrs[index] = el;
}
"
@blur="handleTagBlur(index)"
v-model="tag.waybillNo"
></el-input>
// 渲染tagRefArr
const tagRefArrs = reactive([]);
const tagInputRefArrs = reactive([]);
const handleTagClick = (index) => {
// 需要计算tag标签宽度，设置相邻input标签宽度
let tagInputWidth = tagRefArrs[index].$el.offsetWidth;
state.dynamicTags.map((item) => {
item["isTagClick"] = false;
});
state.dynamicTags[index]["isTagClick"] = true;
tagInputRefArrs[index].$el.style.width = tagInputWidth + "px";
tagInputRefArrs[index].select();
tagInputRefArrs[index].focus();
};
