Vue 项目防止用户手动修改本地存储sessionStorage

最近考虑到项目安全，需要限制用户私自修改sessionStorage本地存储。查阅资料后简单来说就是需要在main.js中添加代码如下//防止手动修改本地存储 window.addEventListener('storage', ( ...

Element UI 表格换页渲染闪烁问题解决

使用Element UI自带的分页组件异步请求API数据后发现翻页时候总会闪烁一下，特别影响体验。问题代码参考如下： handleCurrentChangeForum(page) { //清理 ...

vue element-ui 表格列元素添加链接

如果要给表格列添加链接，则需要使用自定义列模板（针对element）,通过 scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据。关于自定义列模板，在http ...

vue框架如何在一个页面调用另一个同级页面的方法

使用场景：页面分为header、home、footer三部分，需要在home中调用header中的方法，这两个没有相互引入官方给出方法：在项目中实现：1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.j ...

Nginx 反向代理Vue Dev Node.js WEB服务出现Invalid Host header解决办法

问题背景：现有服务器Nginx+PHP，需要在这个基础上增加Node.js反向代理。来实现部分业务采用不同技术实现。如下：upstream nodejs { server 172.16.126.76:8081; } se ...

解决删除PHP网站项目目录报错 rm: cannot remove ‘xxx/.user.ini’: Operation not permitted 问题

首先进入项目目录cd xxx然后执行chattr -i .user.ini最后再尝试删除cd ../ && rm -rf xxx

PHP 7 新特性

标量类型声明PHP 7 中的函数的形参类型声明可以是标量了。在 PHP 5 中只能是类名、接口、array 或者 callable (PHP 5.4，即可以是函数，包括匿名函数)，现在也可以使用 string、int、float和 ...

NavigationDuplicated: Avoided redundant navigation to current location: “/“

关于VUE项目中报NavigationDuplicated: Avoided redundant navigation to current location: "/" 的错原因：是指路由重复。 虽然对项目无影响，但是看到 ...

CSS-Learning | 使用border-radius创建圆形和胶囊形状（长圆形）

boder-radius属性使用border-radius属性来设置圆角半径时可以使用长度值，或者百分比值。在给它指定百分比值时，x轴和y轴分别相对于元素的宽度和高度来计算实际值。所以，我们可以把一个正方形的元素变成圆形，只要把圆角 ...

Make /deep/ behave like the descendant combinator " " in CSS live profile (in css file or inside of <style>) CSS

Make /deep/ behave like the descendant combinator " " in CSS live profile; effectively no-op.See "Intent to Remove" ...

vue 子组件修改data或调用方法

<子组件 ref='xxx'></子组件>父组件：this.refs.xxx.子组件定义的方法()外部：vm.$refs.xxx.子组件定义的方法() 注意:子组件添加 ref 属性,父组件才可以通过 ref ...

html中设置锚点定位的几种常见方法

在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：1、使用id定位：<a href="#1F">锚点1</a> <div id="1F"> ...

js 页面平滑滚动到页面顶部

//回到顶部 const scrollToTop = () => { const fromTopDistance = document.documentElement.scrollTop || document ...

CSS3 background inear-gradient 几个特效背景留存

效果1background: linear-gradient( 90deg , #5461c8 12.5%, #c724b1 0, #c724b1 25%, #e4002b 0, #e4002b 37.5%, #ff6900 0, ...

ElmentUI el-input__inner样式无法修改问题

在Vue中，style要求scoped，只修改本组件下的样式，使用>>>和/deep/来选择子组件记录一下自己在需要table中使用input，而不出现边框，显然是border: 0;就可以的使用了各种.el-in ...

MySQL从日期格式中截取年份

假设有数据表：CREATE TABLE `order` ( `order_id` varchar(20) NOT NULL COMMENT '订单号', `c_date` timestamp NOT NULL DEFAULT ...

vue页面之间相互传值的方法

1、使用query传值--地址栏可见比如从a.vue跳转至b.vue，传name=‘jack’，代码如下:this.$router.push({ path: "/result", query: ...

vue-resource emulateJSON的作用

如果Web服务器无法处理编码为application/json的请求，你可以启用emulateJSON选项。启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的H ...

Module build failed: Error: No PostCSS Config found

使用vue框架写pc页面时，我们经常会用到element-ui这个框架。当我们吧把需要的东西都装在好运行项目的时候，有时会出现这样的错误，这是因为缺少了一个配置文件，postcss.config.js，配置内容如下module.ex ...

Element-ui tabs标签标题添加自定义图标

关键点：slot="label"<el-tab-pane name="5" label="组合关系"> <span slot="label"> ...