vue的message提示信息修改提示框所在页面位置高度

vue的message提示信息修改提示框所在页面位置高度,可以使用message的offset属性通过数值来改变提示框位置!

html部分代码

javascript 复制代码
     <div>
             <el-button type="primary" @click="showMessage" style="margin-left:40%;margin-top:1%">触发提示信息</el-button>
    </div>

js部分代码

javascript 复制代码
  showMessage(){
             // 使用message的offset属性去设置高度
             this.$message({
                   type:'warning',
                   message:'使用offset可更改提示信息位置高度哟!',
                   offset:0
             })
      }

当offset为0时我们可以看到提示框的位置在按钮上方!

当offset值被我们修改为200后,可以看到提示框位置就在按钮下方了!

相关推荐
经年未远41 分钟前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
刘一说1 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
可触的未来,发芽的智生1 小时前
狂想:为AGI代称造字ta,《第三类智慧存在,神的赐名》
javascript·人工智能·python·神经网络·程序人生
徐同保2 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
fanruitian2 小时前
uniapp 创建项目
javascript·vue.js·uni-app
刘一说2 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h3 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
weixin_395448913 小时前
main.c_cursor_0202
前端·网络·算法
摘星编程3 小时前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
东东5163 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设