Question

我正在学习Vue.js，我有一个问题：是否可以将＆＃34; link＆＃34;价值到＆＃34;加价＆＃34;值？像这样：

new Vue({
 el: '#vue-app',
 data: {
   name: 'Shaun',
   link: 'https://stackoverflow.com',
   markup: '<a href="' + this.link + '">This is a link</a>'
 }
});

Answer 1

不要在数据中构建你的标记，这就是模板的用途

  <files>
    <file src="<>\xxx.targets" target="build" />
  </files>

Answer 2

是但不完全那样。

this这可能有很多东西......目前尚不清楚你所提供的背景是什么。可以是一个全局对象，可以是一个函数等，但它绝对不是你期望的链接。

您可以在上面的某处声明它，并在link属性和markup属性中使用它：

var link = 'https://stackoverflow.com';
new Vue({
 el: '#vue-app',
 data: {
   name: 'Shaun',
   link: link ,
   markup: '<a href="' + link + '">This is a link</a>'
 }
});

但是，我不建议这样做。使用@RickCalder解决方案代替此特定用例。我只是在解决一个你可以在其他更合适的情况下使用的解决方案。

Answer 3

我们可以这样做

new Vue({
 el: '#vue-app',
 data: {
   name: 'Shaun',
   link: 'https://stackoverflow.com'
 }
});

<template>
  <a :href="link">This is a link</a>
</template>

PLS注意应该是：href =“link”，而不是 href =“{{link}}”，这里与@Rick Calder的回答有所不同，这在Vue 2.0中不可用

Vue.js - 如何将一个键值连接到另一个键的值

3 个答案: