Vue body样式修改

此篇博客记录自己再写项目是遇到的App.vue显示问题。问题：查看页面时，发现有8px的margin,看着很不爽，想要去掉这个margin。修改前：直接上图解决方式，通过beforeCreate函数设置App.vue中body的样式export default {beforeCreate() {document.querySelector('body').setAttribute('style',

毛毛虫呜呜

3916人浏览 · 2021-11-12 16:59:56

毛毛虫呜呜 · 2021-11-12 16:59:56 发布

此篇博客记录自己再写项目是遇到的App.vue显示问题。

问题：查看页面时，发现有8px的margin,看着很不爽，想要去掉这个margin。
修改前：直接上图
在这里插入图片描述

解决方式，通过beforeCreate函数设置App.vue中body的样式

export default {
  beforeCreate() {
    document.querySelector('body').setAttribute('style', 'margin:0;')
  },
}

在这里插入图片描述
可以明显看出，外边距已经没有了，over。

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}$/, //不连续的两位字母// /^