In vue, the li, that I v-for loops out. Why do I add extra hiding to ui? invalid. The button is inside 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 contains my data

my style 

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

but the final page effect is

so I wrote a button myself, and that"s it.
clipboard.png

clipboard.png

I would like to ask whether this extra hidden type needs special treatment? There are a lot of similar things behind me. Can"t you change them all? Plus! important is not easy to use either

Javascript html
Mar.01,2021

you 

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

this 

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

is it clear that the y direction is out of the scroll? Also, one of the pictures didn't come out.

clipboard.png

Previous: Does switch have two conditions at the same time?

Next: Big shots in the element-UI framework custom verification function passed the first rule parameter exactly what to do, and how to solve, and how to use, thank you.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu