vue组件属性中字符串如何拼接变量？

Question

let hot = {
    props: ['icon', 'name', 'id', 'theme', 'post', 'slgon'],
    template: `<li>
                  <img :src="icon" :alt="name" class="l">
                  <div class="list-item l">
                    <h3><a href="/forum/list/?id={{ id }}" >{{ name }}</a></h3>
                    <p class="slgon">{{ slgon }}</p>
                  </div>
                </li>`
  }

href="/forum/list/?id={{ id }}"

这样的如何进行拼接？

Answer 1

<a v-bind:href="'/forum/list/?id=' + id" > 这样试一下呢,我刚才用vue2.0就这样拼接成功了

Answer 2

:href=' "你的字符" + id '

Answer 3

template:

v-link="{name:'news_content', params:{news_id: res.news_id}}"

router:

 '/news_content/:news_id':{
    name:'news_content',
    component:require(componentPath+'newsContent.vue')
  },

Answer 4

建议通过计算属性解决，代码可读性更好。