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
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</ti
原创
2023-06-05 13:58:41
85阅读
nginx负载配置：https://www.cnblogs.com/xiao-sheng/p/15415260.html 由于之前的方法访问有个尴尬的位置是需要在域名后面加上端口号，导致这个问题的原因主要是80端口的冲突 两种解决方案 第一种：增加一台nginx服务器，不启用iis，然后监听端口改为 ...
转载
2021-10-16 21:29:00
637阅读
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评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/
vue@2/dist/
vue.js"></script> </head> <body> <div id="ap
转载
2021-07-06 13:13:00
104阅读
2评论
路由问题 vue/cli 构建的项目，配置路由后，访问不到，需要在 端口号后加入 # 错误访问： http://172.16.9.67:8080/about/3 正确访问：http://172.16.9.67:8080/#/about/3 如果不需要 # 号 则 在路由 index 中添加 mode ...
转载
2021-09-15 16:43:00
1192阅读
2评论
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评论
在实际开发过程中，eslint的作用不可估量，诸如：1.审查代码是否符合编码规范和统一的代码风格；2.审查代码是否存在语法错误；But，对于初学者来说，这个功能极其不友好，各种问题层出不穷，让很多初学者头疼不已，我们有没有办法关掉它，等适当时机在启用它呢，答案是肯定的。不同vue cli版本创建工程的时候，稍微有些差别，要仔细甄别，我的vue cli v4.5.9方案一: vue脚手架创建工程的时
1.先写脚本let defaultSettings = {
watermark_id: 'wm_div_id', // 水印总体的id
watermark_prefix: 'mask_div_id', // 小水印的id前缀
watermark_txt: '测试水印', // 水印的内容
watermark_x: 20, // 水印起始位置x轴坐标
wate
Vue 组件封装之 tab 切换一、Tab 切换组件二、使用案例三、API 使用指南四、源代码五、总结 一、Tab 切换组件组件说明： 实现 tab 切换。效果展示： 实现 tab 切换，改变激活样式，切换到对应的页面 以上 tab 切换功能在前端开发中司空见惯。各种现存的组件也随手拈来。在 Vue 中，有配套的 element-ui 组件，也有 vue-ant-design。element-u
在vscode中编写vue程序，对于语法什么的还是需要插件来帮助初学者养成良好的变成规范。eslint加上prettier确实是很棒的插件。但是在编码的过程中，总会有一些烦人的验证，但在开发中其实并没有什么太大的影响，所以我们可以根据自己的需要对规则进行一下设置或者取消。我们只需要修改打开根目录下的eslintrc.js在rules下添加相应的规则就好'semi': 00表示关闭改规则
createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发) http://localhost:8080/#/ const router = createRouter({ history: createWebHistory(), routes }); cre
原创
2022-06-13 20:30:00
3217阅读
1.路由设置在router文件下的index.js文件中，加上meta。如在这段代码中，访问login就需要role0或者role1的权限。javascript{path:'/',name:'login',component:Login,meta:{authority:"role0","role1",},},2.检查在main.js中添加如下代码，判断是否登录、是否有权限javascript/路由
原创
2022-05-26 17:38:48
852阅读
preserveWhitespace 说明参考:https://vue-loader.vuejs.org/zh/options.html#compiler
转载
2019-01-07 10:14:00
497阅读
2评论
通过dom元素的class来标识与访问控制相关的dom元素，目的是确定需要进行权限控制的组件范围，再通过dom的id对应后端权限设置的功能节点的domKey，从而实现前后端联动的权限控制。 ...
转载
2021-07-01 20:11:00
174阅读
2评论
# 解决Vue iOS无法访问问题
## 概述
这篇文章将教你如何解决Vue项目在iOS设备上无法访问的问题。我们将分为以下几个步骤完成整个过程。使用Markdown代码块展示每一步的代码，并给出代码的注释说明。
1. 配置Vue项目的host
2. 配置iOS设备的hosts文件
3. 重新运行Vue项目
## 步骤详解
### 步骤1：配置Vue项目的host
在Vue项目中，我们需要
原创
2023-08-29 08:30:07
267阅读
