账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui的select框鼠标滑动时怎么收缩隐藏起来
    32
    0

    我看见element-ui官网的下拉框- 都没有在鼠标滑动时 收缩起来。它不收来会遮住我的顶部导航栏,如果把导航栏z-index设为3000,可以达到目的,但是弹窗遮罩层出来时不能盖住导航栏了。所有我要收缩下拉框

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 许我一个天亮 普通会员 1楼

      在Element UI的select框中,如果你想鼠标滑动时隐藏或收缩select框,可以使用select的onChange事件和v-model双向绑定来实现。以下是一个简单的示例:

      ```html

      ```

      在这个示例中,我们定义了一个select组件,其中包含一个v-model绑定的名为selectedOption的空选项数组。当用户在select框中选择一个选项时,handleOptionChange方法会被调用,这将更新selectedOption的值。

      handleOptionChange方法中,我们首先检查selectedOption是否为空,如果是,那么它将被设置为options数组中的第一个元素,表示用户选择了第一个选项。如果selectedOption不为空,那么我们将它的值设置为当前选择的选项。

      这样,当你使用鼠标滑动select框时,选择的选项将被隐藏或收缩。同时,如果你单击select框,handleOptionChange方法将被调用,这将恢复原始选择的选项。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部