标记为<a :href=""> inside of <router-link> in Vue.js

Question

well.. my target="_blank" inside of the <a :href> dont works, it was taken first the <router-link> propertie, I need that the "a" go to _blank and the router-link works in the same page, do you have a trick or tip?

tks

          <router-link
            style='width:98%'
            :to="{
              name: 'process',
              params: { id: process.id },
            }"><div class="activity-name">
              {{ process.name }}
            </div>
            <div class="activity-caret">
              <icon :icon="['fas', 'caret-right']" />
            </div>
            <div class="activity-caret">
              <a :href="url + process.id + '.' + process.version + '.xml' "
              target="_blank" class="button">
                <icon :icon="['fa', 'eye']" />
              </a>
            </div>        
          </router-link>