vue.config.js///文件module.exports = {
lintOnSave: false,////去掉eslint}
转载
2021-05-09 00:00:11
731阅读
2评论
需求 为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印要求水印内容为用户名，水印节点用户不能通过开发者工具等删除效果如上图在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影响页面正常操作在通过js或者用户通过开发者工具删除或修改水印节点时自动复原原理通过canvas画出节点需生成水印的文字生成base64图片生成该水印背景图的div节点插入到body下，通过jsM
filters:{ getFileName (data) { if(data == undefined || data == null || data == '') { return '' }else{ return data.substring(0,data.indexOf('.')) } } } ...
转载
2021-10-21 18:26:00
1222阅读
2评论
vue去掉严格开发，即去掉vue-cli安装时的eslint ： 1.vue-cli书写规范（主要是js规范） a、逗号、冒号后面要加空格 b、不能使用双引号，一律使用单引号 webpack的语法检查eslint，即安装项目时我选择了安装eslint 2.那么只需要注释掉 build/webpack
转载
2019-03-30 18:33:00
199阅读
2评论
Vue 组件封装之 tab 切换一、Tab 切换组件二、使用案例三、API 使用指南四、源代码五、总结 一、Tab 切换组件组件说明： 实现 tab 切换。效果展示： 实现 tab 切换，改变激活样式，切换到对应的页面 以上 tab 切换功能在前端开发中司空见惯。各种现存的组件也随手拈来。在 Vue 中，有配套的 element-ui 组件，也有 vue-ant-design。element-u
1.先写脚本let defaultSettings = {
watermark_id: 'wm_div_id', // 水印总体的id
watermark_prefix: 'mask_div_id', // 小水印的id前缀
watermark_txt: '测试水印', // 水印的内容
watermark_x: 20, // 水印起始位置x轴坐标
wate
在实际开发过程中，eslint的作用不可估量，诸如：1.审查代码是否符合编码规范和统一的代码风格；2.审查代码是否存在语法错误；But，对于初学者来说，这个功能极其不友好，各种问题层出不穷，让很多初学者头疼不已，我们有没有办法关掉它，等适当时机在启用它呢，答案是肯定的。不同vue cli版本创建工程的时候，稍微有些差别，要仔细甄别，我的vue cli v4.5.9方案一: vue脚手架创建工程的时
createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发) http://localhost:8080/#/ const router = createRouter({ history: createWebHistory(), routes }); cre
原创
2022-06-13 20:30:00
3217阅读
在vscode中编写vue程序，对于语法什么的还是需要插件来帮助初学者养成良好的变成规范。eslint加上prettier确实是很棒的插件。但是在编码的过程中，总会有一些烦人的验证，但在开发中其实并没有什么太大的影响，所以我们可以根据自己的需要对规则进行一下设置或者取消。我们只需要修改打开根目录下的eslintrc.js在rules下添加相应的规则就好'semi': 00表示关闭改规则
preserveWhitespace 说明参考:https://vue-loader.vuejs.org/zh/options.html#compiler
转载
2019-01-07 10:14:00
497阅读
2评论
接上篇文章：在上篇文章中实现了通过使用scrollIntoView()在使用vux的移动端实现了点击锚点进行页面dom定位，但是这个demo在ios中运行存在兼容性问题,滑动页面时使用position:absolute定位的dom会出现跳动现象，待有时间再解决这个bug。好了，开始本篇内容部分：本篇内容是在上篇内容的基础上二次开发而来，实现了双向定位，当页面上下滑动到某个位置时，对应的锚点会出现高
vue3 跨域问题➕常用解决方法前言引入跨域问题解决跨域问题常用方法?一、proxy解决跨域【常用】?二、JSONP解决跨域summary下期预告vue3项目实战中的接口调用方法（三）axios请求vue3+antd v-for循环实现多级菜单栏vue3+antd 菜单栏处理子菜单有无children的两种方法 前言引入在请求接口的过程中，我们会碰到各种各样的问题，可以分为 请求参数（Body）
作者：熊的猫前言由于项目需要实现水印功能，于是去了解了相关的内容后，基于 Vue 的实现了一个 v-watermark那么接下来先来简单了解一些和 Vuevue 中的自定义指令以下的内容其实简单了解即可，甚至可以直接跳过，遇到不认识的内容在回头来查看都是可以的，甚至可以直接查看 官方文档[1]是什么？在 Vue3 中
示例基于vue cli2.0脚手架生成的项目1.vue项目中config文件下index.js中打包配置：build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname...
原创
2021-08-02 14:40:59
227阅读
示例基于vue cli2.0脚手架生成的项目1.vue项目中config文件下index.js中打包配置：build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), //
原创
2022-02-09 13:38:19
96阅读
示例基于vue cli2.0脚手架生成的项目1.vue项目中config文件下index.js中打包配置：build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname...
原创
2021-08-02 14:41:03
1157阅读
一、问题使用VUE路由，项目的url总是带有锚点，如下：http://localhost:8082/#/二、解决修改路由文件中 index.js 文件，即 src --> router --> index.js没修改前：export default new Router({ routes: [ { path: '/', nam...
原创
2021-08-25 09:44:15
1009阅读
实现基于关键字搜索，发现查询到的结果集跟预期不匹配，开发者工具查看相应的请求，发现在请求参数前面
原创
2022-07-15 15:09:39
446阅读
vue地址栏#长这样 地址栏中，经常出现#，是什么作用，能不能去掉？ 地址栏有两种模式：hash模式：地址栏包含#，#之后的不被获取history模式：具有对url历史进行修改的功能 在微信支付，分享url作为参数传递时，url不能满足需求，因此在实际项目中，一般是修改为history模式history有个问题，就是在刷新之后，或者页面不存在时，会出现404；因此需要后台配合，处理404的问题
转载
2021-05-10 19:46:32
306阅读
2评论
下载插件：npm install babel-plugin-transform-remove-console --save-dev babel.config.js中：（添加红字部分，表示仅在发布环境才去掉console.log） // 项目发布阶段需要用到的babel插件 const prodPlu
原创
2021-07-13 16:25:54
525阅读
