<style lang="scss">
.el-cascader {
width: 100%;
}
.gy-cascader{
max-width: 500px;
overflow-x: auto;
&::-webkit-scrollbar-track-piece {
background-color: #f8f8f800;
}
&::-webkit-scrollbar {
transition: all 2s;
height: 6px;
}
&::-webkit-scrollbar-thumb {
background-color: #ebeaef;
border-radius: 10px;
}
&::-webkit-scrollbar-thumb:hover {
background-color: #bbb;
}
&::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
}
&::-webkit-scrollbar-corner {
background-color: rgba(255, 255, 255, 0);
}
}
</style>
<el-cascader
v-model="ruleForm.category_names"
popper-class="gy-cascader"
:options="ProjectOption"
:props="{ value:'id' }"
clearable
filterable
:show-all-levels="false"
@change="handleChange"
/>