技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
# 如何全局显示工具栏
有时候我们需要在整个网站的右下角/右面,显示一个帮助操作栏。为了再不改变已有全局配置的情况下,使用 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);
}
}
- 本文链接: https://mrgaogang.github.io/vue/program/%E5%A6%82%E4%BD%95%E5%85%A8%E5%B1%80%E6%98%BE%E7%A4%BA%E5%B7%A5%E5%85%B7%E6%A0%8F.html
- 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 许可协议。转载请注明出处!
← /vue/ /vue/proxy.html →