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