vue/uni-app自定义全局组件

uni-app自定义全局底部组件，不需要每个组件都调用类似酷狗音乐的底部播放组件这里每个页面都会有一个全局的底部播放组件，不论显示哪个页面这个组件始终保持在最底部！主要实现代码在main.js中用document.body添加这个组件就可以了！根据图片可以看到浏览器上渲染的两个组件是独立开的，所以切换不同页面的时候只会去更改uni-app组件里面的内容，不会去影响到uni-view组件。如果还有更

xpanzi

7286人浏览 · 2019-08-09 16:42:53

xpanzi · 2019-08-09 16:42:53 发布

vue/uni-app自定义全局底部组件，不需要每个组件都调用

类似酷狗音乐的底部播放组件
- 主要实现代码

类似酷狗音乐的底部播放组件

在这里插入图片描述

这里每个页面都会有一个全局的底部播放组件，不论显示哪个页面这个组件始终保持在最底部！

主要实现代码

在这里插入图片描述
在main.js中用document.body添加这个组件就可以了！
在浏览器显示的效果：

根据图片可以看到浏览器上渲染的两个组件是独立开的，所以切换不同页面的时候只会去更改uni-app组件里面的内容，不会去影响到uni-view组件。

如果还有更好的实现方法欢迎大家留言，一起学习学习！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^