store/index.js中引入并注册modules目录中的js文件：require.context
摘要：一、常规方式 1）、先引入 import user from './modules/user' import app from './modules/app' import settings from './modules/settings' 2）、注册到modules中 modules: { us
阅读全文
posted @
2021-12-04 21:07
周文豪
阅读(451)
推荐(0) 编辑
路由导航守卫中document.title = to.meta.title的作用
摘要：路由导航守卫如下： router.beforeEach(async (to, from, next) => { document.title = to.meta.title; // 路由发生变化时候修改页面中的title const hasToken = store.getters.token; i
阅读全文
posted @
2021-12-04 16:46
周文豪
阅读(1182)
推荐(0) 编辑
vue路由中meta的作用
摘要：meta简单来说就是路由元信息，也就是每个路由身上携带的信息。 当我们做面包屑功能时，会用到meta。 面包屑效果如下： router/index.js中代码如下: { path: '/backstage', component: Layout, redirect: '/backstage/menu
阅读全文
posted @
2021-12-04 16:12
周文豪
阅读(1774)
推荐(0) 编辑
vue:app.vue中添加监听beforeunload事件，即当浏览器窗口关闭或刷新时删除vuex中的数据
摘要：当打开页面时，添加事件监听，即监听beforeunload事件，beforeunload事件在关闭页面时触发。即当关闭页面时，手动删除localStorage中的数据。 app.vue中的代码如下： <template> <div id="app"> <router-view /> </div> <
阅读全文
posted @
2021-12-03 17:49
周文豪
阅读(4324)
推荐(0) 编辑
vue设置全局样式：loadOptions
摘要：vue中全局设置样式有两种方法： 第一种：只需要在main.js中引入 如global.css html,body,#app{ height: 100%; margin: 0px; padding: 0px; } 在main.js中引入 import "./styles/index.scss";im
阅读全文
posted @
2021-12-03 16:59
周文豪
阅读(6250)
推荐(2) 编辑
vue-cli中设置publicPath：一个nginx部署多个项目时使用
摘要：执行npm run build打包后，生成的dist文件如下： 1、当设置publicPath为/时 修改vue.config.js文件 module.exports = { publicPath: '/', configureWebpack: { resolve: { //设置别名 alias:
阅读全文
posted @
2021-12-03 15:30
周文豪
阅读(3420)
推荐(0) 编辑
定义全局的输入框获取焦点指令v-focus
摘要：一、vue2中实现v-focus 1、在main.js中添加如下代码 /** * 定义全局的输入框获取焦点指令 */ Vue.directive('focus', { inserted: function (el) { el.querySelector('input').focus() }, 2、在
阅读全文
posted @
2021-11-22 15:19
周文豪
阅读(295)
推荐(0) 编辑
vue按enter键刷新页面 ---- 使用@submit.native.prevent阻止表单默认提交，添加在form标签上
摘要：情景描述：当使用@keyup.enter.native来使输入搜索内容后，按下enter键就触发搜索。会发现一个奇怪的现象：当按下enter键时，先是根据输入的内容搜索了一次，紧接着又全局刷新了一次页面。 原因分析：当一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。 原代码如下：
阅读全文
posted @
2021-11-22 15:19
周文豪
阅读(3037)
推荐(2) 编辑
vue按键修饰符@keyup.enter.native（点击Enter键）
摘要：一、native的使用场景 Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter="submit"> 由于是原生html的input标签，此时为原生DO
阅读全文
posted @
2021-11-22 10:38
周文豪
阅读(12870)
推荐(1) 编辑
Freemarker
摘要：一、 为什么要使用网页静态化技术？ 网页静态化解决方案在实际开发中运用比较多，例如新闻网站，门户网站中的新闻频道或者是文章类的频道。 对于电商网站的商品详细页来说，至少几百万个商品，每个商品又有大量的信息，这样的情况同样也适用于使用网页静态化来解决。 网页静态化技术和缓存技术的共同点都是为了减轻数据
阅读全文
posted @
2021-11-19 17:14
周文豪
阅读(145)
推荐(0) 编辑
vue:配置message全局弹框组件
摘要：当用户登录成功或登录失败之后，目前是在console中进行提示，用户是看不到的，为了让用户能明确的知道自己是成功还是失败了，我们应该以一种友好的方式告诉用户，那怎么进行友好的弹框提示呢？可以用Elemetnt-UI中提供的“Message消息提示” 怎么才能使用Message消息提示呢？ 1、 在e
阅读全文
posted @
2021-10-10 20:15
周文豪
阅读(3594)
推荐(0) 编辑
window.sessionStorage
摘要：一、localStorage和sessionStorage localStorage和sessionStorage属性允许在浏览器中存储key/value对的数据 sessionStorage用于临时保存同一个窗口（或标签也）的数据，在关闭窗口或标签也之后将会删除这些数据。 提示：如果你想在浏览器窗
阅读全文
posted @
2021-10-10 18:11
周文豪
阅读(716)
推荐(0) 编辑
vue:路由导航守卫控制页面访问权限
摘要：当前/home对应的页面，只有在登录的情况下才允许被访问，如果是未登录状态是不允许让你看到/home对应的页面的。现在sessionStorage中记录了一个token，证明我们已经处于登录的状态。如果把token清除掉，即处于未登录状态，此时再刷新页面，发现此时没有登录也能看到这个组件，这时就不满
阅读全文
posted @
2021-10-10 17:49
周文豪
阅读(509)
推荐(0) 编辑
VUE中== 与 ===的区别以及!=与!==的区别
摘要：vue.js中 1、== 用来比较或者判断两者是否相等，比较时可以自动转换数据类型。 用来较为严格的比较，除判断数据是否相等 ，还会判断两者数据类型是否相同，如不相同也不会转换数据类型，返回（false）。 2、!= 用来比较或者判断两者是否不相等，比较时可以自动转换数据类型。 !== 用来较为严格
阅读全文
posted @
2021-09-15 20:06
周文豪
阅读(3185)
推荐(0) 编辑
vue3中使用svg图标
摘要：一、为什么要用SVG图片？ SVG是一种可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。 简单的理解，它是图形的另一种格式例如它和常见的图片格式.png、.jpg、.g
阅读全文
posted @
2021-09-07 19:27
周文豪
阅读(2526)
推荐(0) 编辑
elementUI中el-image显示不出来图片？img与el-image的区别
摘要：问题 同样的路径，用img可以显示，而用el-image显示不出来？ img代码： <img src="@/assets/images/manualPic/login.png"/> 原因 使用el-image时，图片地址需require引入 。 解决办法 <el-image :src="requir
阅读全文
posted @
2021-09-07 15:23
周文豪
阅读(3179)
推荐(0) 编辑
深度选择器：>>>或/deep/ 修改ElementUI的样式----vue如何控制步骤条steps圆圈的大小 data-v-
摘要：1、问题 使用 vue 时写发现某些样式不生效，怎么都不生效， 不过将style 中的 scoped 去掉后，居然生效了。但是一般都应该加上scoped，那该如何处理呢？ <template> <div class="app-container"> <heads /> <div class="log
阅读全文
posted @
2021-09-06 12:14
周文豪
阅读(1511)
推荐(1) 编辑
EasyPoi导入数据后，导出发生错误的数据报[object Object]
摘要：后台输出流到前端 //有错误信息，就导出文件 if (errorList != null && errorList.size() > 0) { String title = "导入国产药数据的异常数据"; ExcelUtils.exportExcel(errorList, title, title,
阅读全文
posted @
2021-08-23 15:30
周文豪
阅读(2521)
推荐(1) 编辑
vue:按钮后面加一个下拉箭头
摘要：效果： 代码： <el-table-column label="操作" align="center" width="110px"> <template slot-scope="scope"> <el-dropdown split-button type="primary" size="mini" @
阅读全文
posted @
2021-08-13 10:12
周文豪
阅读(636)
推荐(0) 编辑
js删除对象中的属性使用delete
摘要：代码： if(item2.children && item2.children.length > 0){ item2.children.forEach(item3=>{ item3.label = item3.name if(item3.children.length == 0){ delete i
阅读全文
posted @
2021-08-11 22:33
周文豪
阅读(157)
推荐(0) 编辑
管理