vue-admin-template前端框架的使用

  • Post author:
  • Post category:vue

1、gitHub上拉取项目 2.cmd 进入项目(用npm下载环境及启动项目) node.js 是javascript的运行环境. npm则是类似于maven的一个远程仓库配置 npm install npm run dev 会自动跳出页面 2、webStrom 运行 (1、) 可以使用控制台输入npm指令运行 (2、)配置webstorm启动 类似于tomcat 目录介绍: ├── build …

继续阅读 vue-admin-template前端框架的使用

Vue遇到代码换行符报错的相关问题

  • Post author:
  • Post category:vue

关于 Expected linebreaks to be ‘LF’ but found 'CRLF’问题的解决 在使用vue-cli4进行开发时,意外发现了 Expected linebreaks to be 'LF' but found 'CRLF' 的相关错误. 在查找部分资料之后,明白了这也是在不同系统不同工具下,换行符不同引发的错误,只需要在.eslintrc.js文件中的 ‘rules’…

继续阅读 Vue遇到代码换行符报错的相关问题

vue的路由和多级菜单的联动及布局,结合element组件的el-menu的实现.(后台管理系统的基础路由,菜单及页面)

  • Post author:
  • Post category:vue

1.话不多说,先上github整体demo代码链接: git整体demo代码 2.效果图: 3.说明:此demo并未做路由权限控制,只是vue-router结合element组件库的Layout 布局和NavMenu 导航菜单实现基础后台系统的单级和多级菜单的联动. 4.主要代码文件说明: 5.主要文件代码展示(重点部分均有注释): 1. 路由(router-index.js): import V…

继续阅读 vue的路由和多级菜单的联动及布局,结合element组件的el-menu的实现.(后台管理系统的基础路由,菜单及页面)

访问vue前端报错502的解决方法

  • Post author:
  • Post category:vue

1、首先确认后端接口确实没有问题 2、前端如果配置了nginx,检查nginx是否有问题 3、检查服务器防火墙是否开放端口 版权声明:本文为qq_45632139原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_45632139/article/details/114010003

继续阅读 访问vue前端报错502的解决方法

vscode vue代码格式化无效详细解决方案

  • Post author:
  • Post category:vue

右键格式化不管用,按快捷键也不行。 原因就是可能vscode无法识别vue的<template>标签 解决方案如下: 第一步:点击设置 第二步:点击右侧的图标会打开settings.json文件 第三步:把一下代码粘贴上去即可 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFo…

继续阅读 vscode vue代码格式化无效详细解决方案

使用vue-router导航守卫来实现token登录页面跳转

  • Post author:
  • Post category:vue

使用vue-router导航守卫来实现token登录页面跳转 1 介绍 2 主要知识点 2.1 导航守卫 2.2 存储设置token 2.3 清除token 2.4 获取token 3 其他重要知识点 3.1 编程式导航API 3.2 嵌套路由 3.3 动态路由 3.3.1 传数据给router 3.3.2 router通过:id接收 3.3.2 获取$route参数对象 3.3.2.1 this…

继续阅读 使用vue-router导航守卫来实现token登录页面跳转

vue动态路由(后端传值)

  • Post author:
  • Post category:vue

vue动态路由(后端传值) 思路: 总的来说就是从后端拿到路由数据,动态添加到路由表中。 问题: 如果有登录得先配置静态路由 细节: 1. 在路由中配置静态路由: //定义静态路由 const staticRoutes = [ { path: '/login', name: 'Login', component: () => import(/* webpackChunkName: "Logi…

继续阅读 vue动态路由(后端传值)

使用vue-seamless-scroll实现滚动,出现空白间隔的问题

  • Post author:
  • Post category:vue

当滚动第二轮时,在第一轮和第二轮的衔接处出现了空白,稍后第二轮从空白处跳出显示。而不是从底部出来 解决办法: 方法一:检查一下css样式,可能是布局出了问题, 我的是因为在子div中加了display:flex 方法二:清空下浏览器缓存试试 方法三:在vue-seamless-scroll中再复制一次滚动列表 版权声明:本文为weixin_38345306原创文章,遵循 CC 4.0 BY-SA …

继续阅读 使用vue-seamless-scroll实现滚动,出现空白间隔的问题

20-vue第一天

  • Post author:
  • Post category:vue

day01 Vue 是什么? Vue (读音 /vjuː/,类似于 view ) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 使用Vue将helloworld 渲染到页面上 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css">…

继续阅读 20-vue第一天

vue + vant 之 List列表组件 首次不触发 onLoad 事件

  • Post author:
  • Post category:vue

目录 vue + vant 之 List列表组件 首次不触发 onLoad 事件 vue + vant 之 List列表组件 首次不触发 onLoad 事件 immediate-check设置为flase即可 <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loadin…

继续阅读 vue + vant 之 List列表组件 首次不触发 onLoad 事件