Vue.js 是一个用于构建用户界面的渐进式JavaScript框架。在 Vue 中，动态加载外部 URL 可以通过几种方法来实现。以下是两种最常用的方法。
- 使用
v-url指令
v-url 是 Vue.js 官方的指令，可以直接从数据对象中读取 URL，并将其显示为绑定到 DOM 元素的 href 属性。使用 v-url 指令，你可以将外部 URL 映射到变量，当 URL 发生变化时，视图会自动更新。
“`html
export default {
data() {
return {
externalUrl: ‘https://example.com’,
};
},
};
“`
- 使用
v-on:click或@click事件监听器
在某些情况下，你可能需要根据条件或事件来动态更改 URL。这时，可以使用 v-on:click 或 @click 事件监听器，然后在事件处理函数中使用 JavaScript 的 window.open() 方法来打开新的 URL。
“`html
export default {
methods: {
loadExternalUrl() {
window.open(‘https://example.com’, ‘_blank’);
},
},
};
“`
以上就是在 Vue.js 中动态加载外部 URL 的两种方法。第一种方法是使用 v-url 指令，适用于需要将 URL 映射到 DOM 元素的情况；第二种方法是使用 v-on:click 或 @click 事件监听器，在需要根据条件或事件动态更改 URL 的情况下使用。