vue中html显示的问题

描述内容是用富文本框编辑的，实际的内容如下：

实际这里的多行省略是没有效果的，因为他不是纯文本，而是html标签。

<div class="main" v-html="book.description">
            div>

.main{
        height:140px;
        font-size: 8px;
        text-overflow: -o-ellipsis-lastline;
        // 多行省略
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

看下图并没有什么效果。怎么解决呢？