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

问题描述

问 题

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 }}"

这样的如何进行拼接？

解决方案

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

这篇关于javascript - vue组件属性中字符串如何拼接变量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！