VUE使用element-ui的el-cascader,显示被遮掩一部分

img

img

代码如下:

<el-form v-if="dialogEditVisible" ref="form" label-position="right" :model="form" :rules="rules">
        <el-row>
          <el-col :span="24">
            <el-form-item label="消息类型" :label-width="labelWidth" prop="adType">
              <el-cascader placeholder="全部" v-model="form.adType" :options="options" :props="{ expandTrigger: 'click' }" clearable></el-cascader>
            </el-form-item>
            <el-form-item label="推送范围" :label-width="labelWidth" prop="adTitle">
              <el-input v-model="form.adTitle" class="item-input" />
            </el-form-item>
          </el-col>
        </el-row>
 </el-form>

请问道友们,这是什么问题。

解决了吗?

el-cascader标签里加上transfer,这类功能是通过浮动实现的,超出显示范围就不能显示了,加上这个属性就能正常显示