web建站教程

     
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

vuejs

ElementUI全局修改el-message停留时间

功能需求:项目中用到的$message消息提示的方式,但是停留时间过长,用到的地方太多,想全局改掉。 在main.js中添加一下配置: import ElementUI from "element-ui"; //原先已引

el-messageelement-ui全局
vuejs导出excel表格(可以设置样式)

用exceljs方法,设置导出excel表格的样式,比如居中,宽度,修改颜色等等。 exportExcel() { // 导出的表头 let columns = [ { name: "中国" }, { name: &qu

excel导出设置样式颜色设置
vuejs el-table导出excel表格

做一个el-table导出excel表格,不需要在导出js中传头部及内容数据,xlsx直接获取当前数据。 1、引入插件 import FileSaver from "file-saver"; import XLSX fr

el-tableexcelvuejs导出
el-table表头列动态加载后出现页面闪动

用element-ui中的el-table做后台管理平台,所有页面都好的,就有一个页面需要动态加载表头列,如时间(2022-01,2022-02,2022-03,2022-04)无线变化,在进入页面会出现闪动(页面抖一下),用户体验很差!

el-tableelement-ui数据渲染
el-table表格嵌套v-for循环展示
el-table表格嵌套v-for循环展示

想做一个表格嵌套表格的模板,如以下图片: 1、template代码如下: <el-table   :data="listData"   border   v-loading=&quot

el-tablefor循环v-for循环表格嵌套
vuejs安装插件报错Unexpected end of JSON input while parsing near..

1、清除缓存 npm cache clean –force 2、重新安装 npm install 3、安装刚才报错的插件

vuejs安装
v-for循环绑定el-color-picker颜色选择器绑定value/v-model值

方法一:v-model双向绑定 <ul>   <li v-for="(color, index) in colorList">     <el-color-pi

el-color-pickerthis.$setv-forv-model颜色
vuejs导出功能封装table

1、建一个export.js import dateTime from "@/utils/dateTime.js"; //封装当前时间组件 import { Message } from 'element-ui&

vuejs导出封装
驼峰式命名法、匈牙利命名法、帕斯卡命名法介绍

驼峰式命名法 驼峰式命名法就是当变量名或函式名是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母,例如:myFirstName、myLastName,这样的

匈牙利命名法命名规则帕斯卡命名法驼峰命名法
vuejs开发的命名规范

views下的文件夹命名 以小写开头的名词 views下的vue文件命名 1、大写开头 2、至少两个单词组成 3、常用结尾单词有(Detail、Edit、List、Info、Report) 4、组件以Item结尾 vue方法放置顺序 com

vuejs命名规范
el-table实现相同name可以多选否则单选

el-table用type="selection"单选,实现相同name可以多选否则单选。JS代码如下: selectionLineChangeHandle(selection, val) { let flag = 0;

el-table单选
el-dialog弹窗全局垂直居中设置

在App.vue中加入以下css代码 .el-dialog { display: flex; flex-direction: column; margin: 0 !important; position: absolute; top: 50

el-dialog全局
h5页面在ios系统出现的bug

1、el-select下拉框在上需要点击两次才能选中 解决方法: .el-scrollbar { .el-scrollbar__bar { opacity: 1 !important; } } 2、el-input聚焦时页面放大 解决方法1

h5h5页面ios系统
在el-table表头添加icon图标,鼠标经过显示el-tooltip提示内容

<el-table-column prop="date" label="操作" align="center">   <template slot=&qu

el-tableel-tooltipicon图标
nginx搭建vue项目,刷新页面404解决方法?

nginx搭建vue项目后,强制刷新页面出现404是什么原因?下面web建站小编给大家分析一下! 原因分析: url地址是虚拟的,不是真实存在的,包括页面也是js控制,所以刷新就找不到文件而报404。 解决方法: 在server配置文件内

404nginx
el-form清除rules校验
el-form清除rules校验

新增和修改用的是同一个el-dialog弹窗,新增弹窗出现rules校验信息后,关闭后点击修改事件,el-dialog弹窗还有rules校验信息,如何去掉。 解决方法: this.$refs.ruleForm.resetFields();

el-formrules
el-table 单项type="selection"出现数据错乱解决

原先用的是@selection-change="selectionLineChangeHandle",发现会出现数据错乱,选中下一条获取的数据还是上一条。解决方法如下: template代码 //把下面语句 el-tab

el-tableselection代码错乱
element-ui移动端时间组件隐藏虚拟键盘

在el-date-picker中新增@focus="forbid"方法,通过forbid触发屏蔽虚拟键盘。代码如下: <el-date-picker   v-model="dateTime&qu

el-date-pickerelement-ui时间控件时间组件移动端虚拟键盘
nginx项目缺失“Content-Security-Policy”等安全问题解决方案

问题描述:nginx服务器项目用AppScan检测检查网页安全性能,出现以下问题: 1、缺少“Content-Security-Policy”头 2、缺少“X-Content-Type-Options&r

appscannginx
AppScan检测“X-XSS-Protection”头缺失或不安全等问题解决方案

问题描述:用AppScan检测检查网页安全性能,出现以下问题: 1、检测到隐藏目录 2、缺少“Content-Security-Policy”头 3、缺少“X-Content-Type-Options&r

appscan