vue.js el-select水平显示选项,为什么?

3mpgtkmj  于 2023-03-19  发布在  Vue.js
关注(0)|答案(2)|浏览(265)

我正在从vue.js切换到vue 3,同时也从element-ui切换到element-plus,但是el-select的行为太奇怪了:它像一个 Package 面板一样水平显示选项。什么类或样式负责这个?我想要普通的下拉列表)

<el-select placeholder="year" v-model="filter.year" clearable v-on:clear="filter.year = null">
    <el-option v-for="y in years" :key="y" :value="y" :label="y" />
</el-select>`

filter.year -它是一个简单的整数列表
我阅读了所有关于el-select的文档。没有这个行为的选项。
scr

gxwragnw

gxwragnw1#

你忘了元素+ css了吗?

<link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />

这里是工作操场
x一个一个一个一个x一个一个二个一个x一个一个三个一个

5kgi1eie

5kgi1eie2#

不,还是不行。我想,风格冲突是这种行为的原因。
我写了一个简单的ul/li列表,它以同样的方式显示。
这是我包裹的一部分,杰森。没有犯罪。

"dependencies": {
    "axios": "^1.3.4",
    "core-js": "^3.29.1",
    "element": "^0.1.4",
    "element-plus": "^2.3.0",
    "vue": "^3.2.13"
  },

相关问题