在vue.js中 为设置了文字多了自动变为... 但是我鼠标移入想给一个title提示

Question

在vue.js中 为设置了文字多了自动变为... 但是我鼠标移入想给一个title提示，这个title里面的值v-for循环出来的 我该怎么写？在页面中我设置了 .title{           width: 100%;             white-space: nowrap;               text-overflow: ellipsis;             overflow: hidden;               position: relative;          height: 30px;          line-height: 30px;          padding-left: 10px;          border-bottom: 1px solid #eee;        }我页面的title是这样写的          <li v-for="(item,i) in articleList">                <p class="title" title="item.title">{{item.title}}</p>                </li>这样无效的但是我直接报错了 请问我改怎么写呢

Answer 1

你看看报什么错，vue2里好像不能再属性里使用插值了，你改成:title="item.title"