技术咨询、项目合作、广告投放、简历咨询、技术文档下载 点击这里 联系博主

# 如何全局显示工具栏

有时候我们需要在整个网站的右下角/右面,显示一个帮助操作栏。为了再不改变已有全局配置的情况下,使用 vue render 函数可以有效的解决我们的问题.

# 打开帮助

import Help from "./help.vue"
let instance = new Vue({
  render: h => {
    return h(Help, {
      props: {
        type,
        ...options
      }
    });
  }
}).$mount();

document.body.appendChild(instance.$el);
window.$help=instance;

# 关闭帮助

function(){
    if(window.$help){
        //help外层dom元素应该有一个id属性
        let help=document.getElementById("mrgao-help");
        document.body.removeChild(help);
    }
}
【未经作者允许禁止转载】 Last Updated: 9/23/2024, 11:39:31 AM