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后,可以看到提示框位置就在按钮下方了!

相关推荐
一枚前端小能手1 分钟前
📚 JavaScript 数据类型与数据结构全攻略 - 原始值、对象、Map/Set与弱引用实战
前端·javascript
JarvanMo23 分钟前
我的app被工信部下架了,现在想重新上架
前端
景早23 分钟前
小黑记账清单案例(axios,echarts,vue)
前端·vue.js·echarts
Mintopia24 分钟前
🌐 《GraphQL in Next.js 初体验》中文笔记
前端·后端·全栈
我穿棉裤了27 分钟前
使用css 给div添加四角线框
前端·css
Mintopia33 分钟前
🤖 通用人工智能(AGI)离 Web 应用还有多远?
前端·javascript·aigc
JianZhen✓1 小时前
面试题名词解析一
前端
会跑的葫芦怪1 小时前
Web3开发中的前端、后端与合约:角色定位与协作逻辑
前端·web3·区块链
江城开朗的豌豆1 小时前
TypeScript泛型:让类型也"通用"的魔法
前端·javascript
江城开朗的豌豆1 小时前
TypeScript函数:给JavaScript函数加上"类型安全带"
前端·javascript