鍍金池/ 問答/HTML/ 在vue中我v-for循環(huán)出來的li，為什么我給ui加多出的隱藏，無效，按鈕是e

在vue中我v-for循環(huán)出來的li，為什么我給ui加多出的隱藏，無效，按鈕是element里面的

<ul>
    <li v-for="(item,key) in shebeide">
        <span class="span_three" :title="item.deviceName">{{item.deviceName}}</span>
        <el-button type="primary" @click="tianjianshei(item,key)">確定</el-button>
    </li>
</ul>

shebeide里面是我的數(shù)據(jù)

我的樣式

ul{
    height: 250px;
    overflow: hidden;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 1;
    width: 100%;
}

但是最終頁面效果是

于是我自己寫了一個(gè)按鈕，就可以了，
clipboard.png

clipboard.png

我想問下 這個(gè)多出的隱藏式需要特殊處理的嘛？ 我后面還有很多類似的東西不能每個(gè)都換一下吧？ 加上!important 也不好用

回答
編輯回答
近義詞

clipboard.png

2018年8月15日 18:50
編輯回答
陌顏

你這

ul{
    height: 250px;
    overflow: hidden;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 1;
    width: 100%;
}

這

    overflow: hidden;
    overflow: scroll;
    overflow-x: hidden;

明明y方向超出滾動(dòng)吧？還有，有個(gè)圖沒出來。

2018年8月2日 07:12