Как я могу изменить атрибут href в разделе script в vue.js?

Я хочу установить для атрибута href значение item.AppUrl, которое поступает из базы данных и отображается в разделе методов.

          <template v-if = "header.value == 'ApplicationName'">
        <a id = "url" href = "#" target = "_blank">{{renderData(props.item, header)}}</a>
      </template>

methods: {
  renderData: (item, header) => {
    if (header.value == 'ApplicationName') {
      document.getElementsByTagName("a")[0].setAttribute("href", item.AppUrl);
    }
    let val = "";
    if (header.value.includes('.')) {
      +
    const vals = header.value.split('.')
      val = vals.reduce((acc, val) => acc[val], item)
    } else {
      val = item[header.value]
    }
    if (typeof val === "boolean") {
      val = val ? "Yes" : "No";
    }
    return val;
  }
}