眼睛微微笑的博客

项目地址githubhttps://github.com/cc147151/v3-adminsrc/router/testRoleRouter.js为各个用户登录之后返回的路由表（接口未返回路由表，故做一层拦截store/modules/permission.js的actions:getMenus）定义路由：（含有children的路由对象将视为菜单栏的sub-menu）(根路由添加name，是因为router.removeRoute()方法参数只支持name删除，在退出登录的动作)整个菜单栏是通

基于vue3的九宫格抽奖九宫格使用jq，所以vue3引用了jq包可见源码地址github项目地址https://github.com/cc147151/luck

流程：使用vue-cli生成一个项目(这里用的2.X)项目根目录下创建一个文件夹(paskages)放置编写代码创建packages/components/Button/src/button.vue<template> <div> <button :style="buttonBgc"> <slot></slot> </button> </div></template

excel表格导入 （demo请查看 gihub https://github.com/cc147151/v3-admin）用户/用户管理 excel导入一、前端解析excel文件再把数据传给后端解析excel数据使用到了xlsx包npm i xlsx@0.17.0新建UploadExcel文件夹作为上传excel组件UploadExcel --index.vue --utils.js // 处理表头的方法等<template> <div>

// 设置=》用户代码片段=》新建=>vue.json 配置一下{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and insert

创建imghook.js://首先图片是1:1比例，解决不同图片免去单独设置宽高import { ref } from "vue";let imgStyle = ref({});const imgWidth = ref("");const imgHeight = ref("");const getSize = (naturalWidth, naturalHeight) => { const clientWidth = document.documentElement.clientWid

代码仓: https://github.com/cc147151/filterTest顺序如图所示：销毁顺序：

filter与三元结合遇到的问题：源码见：https://github.com/cc147151/filterTest <!-- 如果用括号括起来，过滤器就不识别--> <div> {{info.status == '1' ? '进行中' : (info.modified_time |getFormalTime) }} </div> <div>

结合upload组件// imgType ==8时，要求图片宽高相等才可以上传 beforeUpload(file) { let that = this const isLt5M = file.size / 1024 / 1024 < 5 const allowedFileType = file.type.indexOf('jpg') !== -1 || file.type.indexOf('png') !== -1 || file.typ

如果在index.html主文件引入js文件，应该放到static文件夹下面

// vue打包丢到服务器上，访问不了页面，一般都是因为打包目录不是直接在域名根目录下，而是在根目录一个文件家下，例如下面得test文件夹。如果不是根目录，需要配置publicPath。 // 例如：我需要输入192.168.1.5/test 访问我的页面。 // 针对vue-cli 2.x版本: // 那我就需要在conig.js/index.js 文件下面，找到build,assetsPublicPath设置为'/test/',或者直接设置为'./'一般采取第二种'./'。这样不需要管文.

// 使用vue脚手架搭建项目，使用Less一路报错。。。。。。 1. 修改less和less-loader版本号 less: 3.9.0 less-loader: 5.0.0 2. build/utils.js (大约60行) 增加indentedSyntax:true less: generateLoaders('less', { indentedSyntax: true }), 如果还不行可以接着尝试下面的第三个步骤， webpack版本指定了4.0.0 ..

<template> <div class="hello"> <!-- to这样过去得也是params拿。但是刷新页面可以拿到 --> <router-link :to="'/news/'+id">跳啊跳</router-link> <h1 @click="toParams"&...

预渲染： 便于seo优化；既查看源码 是 html格式用到插件：cnpm install prerender-spa-plugin --save脚手架2.0：(自己的是2.0)build/webpack.prod.conf.js 配置const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = P...