如何使用动态绑定href

完整代码如下：

<template>
  <a
    class="img"
    :href="secondLink.zzwz"
    target="_blank"
    rel="noopener noreferrer"
  >
    <img class="img-w1" src="@/assets/wz1.png" alt="" />
    <span class="span-w1">物资1</span>
  </a>

  <a
    class="img"
    :href="secondLink.tywz"
    target="_blank"
    rel="noopener noreferrer"
  >
    <img class="img-w2" src="@/assets/wz2.png" alt="" />
    <span class="span-w2">物资2</span>
  </a>

  <a
    class="img"
    :href="secondLink.sbsb"
    target="_blank"
    rel="noopener noreferrer"
  >
    <img class="img-w3" src="@/assets/wz3.png" alt="" />
    <span class="span-w3">设备</span>
  </a>
</template>

<script>
import secondLink from './secondLink'

export default {
  props: ['currentHoverVal'],
  data() {
    return {
      secondLink // 把引入的 secondLink 放入 data 中以便模板中使用
    }
  }
}
</script>

✅ 总结

操作	说明
✅ 引入 secondLink	import secondLink from './secondLink'
✅ 在 data() 中返回它	return { secondLink }
✅ 模板中使用 :href="secondLink.xxx"	动态绑定链接