weixin_43142423的博客

组件的使用需要使用一个组件的时候，需要进行一下几个步骤：使用import导入相应需要使用的组件 import Xxx from '@/components/Xxx.vue'使用components节点注册组件export default { components: { Xxx }}用标签的形式使用刚才的组件组件的注册私有组件使用components标签进行注册的组件是私有组件，除了自己意外，其他组件不能使用这个被注册的组件// 导入需要被使用的组件impor

之前我通过vuex设置一个公共变量，然后让跳转子路由页面时候修改公共变量，折腾半天依旧没用。后来发现使用$route.path轻松解决。方法如下：router:default-active="$route.path"class="el-menu-demo"只用在:default-active：填入$route.path就行了...

1 el-form绑定model属性和rules属性<el-form status-icon ref="regiForm" :model="regiForm" :rules="regiRules">2 创建model绑定对象和rules绑定对象3 创建数据校验方法var validPass = (rule, value, callback) => { co...

当我们些css时候，我们有些css样式不生效，那是因为我们的css样式权重没有那么高，这时候我们不想改为id，那么就可以使用! important，直接加载需要修改的样式语句后面，即可达到最高权重。如果想要设置一个元素的内容进行水平垂直局中，我们可以设置给父元素设置以下代码，来将子元素水平垂直局中。display: flex;align-items: center;当我们在vue插件ax...

首先在项目中安装axios，然后再main.js中引入axios。对axios的每次发送请求的拦截器进行设置，设置请求头字段为本地获取的token值。// 首先对拦截器的请求进行设置，并在方法中return config，此处为固定格式axios.interceptors.request.use(config => { // 表示在配置中的设置头消息的字段Authorizatio...

VSCode 自带的格式化和ESLint规范有冲突，需要修改配置才可更好地进行格式化。在项目根文件夹添加一个文件，命名为.prettierrc然后文件中添加以下内容，第一条代表不适用;结尾，第二条表示使用单引号{ "semi": false, "singleQuote": true}这里也建议将这个文件单独保存，下载直接复制到项目中更加快捷方便。...

在某些时候，用户没有登录的情况下我们不允许用户访问以下特定的页面，此时我们需要用到路由守卫来实现。在router下的index.js中的相应位置设置守卫函数，守卫函数表示每次运行路由函数都会执行的内容。// 给路由设置守卫函数router.beforeEach((to, form, next) => { // to表示将要访问的路径 // form表示从那个页面跳转而来 ...

页面跳转使用<template> <div> <router-link to="/a">跳转到A页面</router-link> </div> </template>使用router-link时候，需要在routers里面进行注册需要跳转的页面const routes = [ { pat...