怎么在v-html里面加入额外内容

Question

我想在v-html标签中加一个查看更多的按钮，但是这样不起作用

<div class="content" v-html="item.content">
     <mu-raised-button @click="readMore(item.id)" label="阅读更多" labelPosition="before" icon="chevron_right" secondary/>
</div>

求教应该怎么写

Answer 1

<div>
    <mu-raised-button @click="readMore(item.id)" label="阅读更多" labelPosition="before" icon="chevron_right" secondary/>
    <div class="content" v-html="item.content"></div>
</div>

在外面再包一层呢

Answer 2

不一定非要写在里面按钮才在里面呐，写在外面，用绝对定位啥的给定到那个地方不也是行的嘛

Answer 3

<div class="content" v-html="'自定义内容'+item.content"></div>