在vue.js中 為設(shè)置了文字多了自動(dòng)變?yōu)?.. 但是我鼠標(biāo)移入想給一個(gè)title提示

在vue.js中 為設(shè)置了文字多了自動(dòng)變?yōu)?.. 但是我鼠標(biāo)移入想給一個(gè)title提示，這個(gè)title里面的值v-for循環(huán)出來的 我該怎么寫？

在頁面中我設(shè)置了

 .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>

這樣無效的

但是我

直接報(bào)錯(cuò)了 請(qǐng)問我改怎么寫呢