web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 地图大全
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

vuejs

keep-alive前进调用接口,后退显示缓存

功能介绍:运用keep-alive自带的方法,结合beforeRouteEnter和beforeRouteLeave方法实现前进重新加载页面,返回调用缓存数据。 1、APP.vue <keep-alive v-if="isR

keep-alive接口缓存
vuejs前进刷新,后退缓存功能介绍

功能介绍:做了一个项目,有7、8个页面,想实现前进刷新,后退缓存,最后用了keep-alive的一个组件方法。 npm install v-keep-alive-chain 1、main.js import { mergeBeforeEac

keep-alivevuejsvuejs缓存缓存
vue-roter路由配置的3种模式介绍

根据vue-router官网,我们可以明确看到vue-router的mode值有3种分别是hash、history、abstract,其中,hash 和 history 是 SPA 单页应用程序的基础。 const router = new

historyrotervueVue-Router路由路由配置
vue项目优化之防抖案例分析

什么是防抖? 通俗理解,就是我们在点击请求或者点击加载等过程中,只需要点击一次,但由于请求慢,点击了好多次,导致多次请求,防抖就是在点击了好多次之后的最后一次才会请求。 案例分析: <!DOCTYPE html> <htm

vue防抖
vuejs项目兼容ie浏览器

问题描述:用vuejs做的项目需要兼容ie9浏览器及以上浏览器,但是在ie9浏览器上运行直接报错,下面给大家介绍一下解决方法! 1、先安装插件 //babel-polyfill npm install babel-polyfill –sa

polyfillvuejs兼容IE浏览器
vuejs前端文本对比不同痕迹

功能需求:痕迹对比,就是当前文本和历史修改过的文本有什么区别?把2边不同的文字用不同颜色标记出来! 1、template代码 <div class="dialog-mark-diff"> <el-car

vue文本对比
vuejs接口axios传参的两种方式Form Data和Request Payload

1、Form Data方式 //引入Qs import Qs from 'qs' // return request({ headers: { 'Content-Type': 'application

axios接口接口对接
el-input输入框关键字筛选列表数据

功能需求:在el-input输入关键字,返回查询列表并显示出来。 1.template代码 <template> <div> <el-input type="text" v-model=&q

el-input筛选数据
Vuejs用sortablejs实现表格之间上下拖拽功能

功能需求:表格需要做排序,拖动需要排序行放在想要的位置。下面需要用到sortablejs插件,下面代码可以直接复制使用! 1、template代码 <el-table :data="list" ref="

queryselectorAllsortsortablejsvuejs拖拽功能
el-table根据不同类型设置不同td颜色方法

功能需求:el-table中有一个字段,想根据不同类型改变不同颜色。下面是代码介绍! 1、用:class判断 <el-table-column prop="type" label="类型"&gt

el-table颜色颜色设置
el-form-item/el-table-column用v-if赋值出现数据错乱

问题描述:同一用户根据不同权限显示的el-form-item搜索和el-table-column列表(初次显示正常,第二次就会出现错乱问题。) <el-table-column prop="emergency" l

el-formel-table数据渲染
vuejs通过input实现表格/列表模糊搜索代码分析

功能需要:页面列表内容太多,不想用接口搜索实时调用,想通过一个input模糊搜索快速查询信息。 1、template <el-input v-model="search" placeholder="请输入

el-inputinput模糊搜索
vuejs实现输入完input自动跳到下一个input

功能需求:做一个身份证后四位输入或汽车牌照输入,每个数字/字母一个input,想输入完当前的input后自动跳到下一个input,删除当前input后自动跳到前一个。 1、template代码 <div v-for="(it

inputvuejs
vuejs将网页中指定div转成pdf并下载

1、思路:先将页面html转换成图片,再将图片生成pdf后下载。 2、安装: //页面html转换成图片 npm install –save html2canvas //图片生成pdf npm install jspdf –save 3

html2canvaspdf
vuejs返回当前页面刷新指定数据

功能需求: 1、点击当前页面按钮刷新指定部分; 2、一个项目很多人在操作,有书写、审核、修改等功能,每次回到当前页面需要自动重新加载接口,又不想刷新当前页面。 功能1: 1、打开app.vue //写入isMenuRefersh <d

vue页面刷新
el-table列太多导致横向滚动条不在当前屏幕中解决方法

1、在el-table中新增:height="tableHd"参数 <el-table :data="listData" border v-loading="dataLoading&q

el-table滚动条
el-table解决@cell-mouse-enter和type="selection"同时存在bug

说明: 1、type="selection"选中事件 2、@cell-mouse-enter鼠标移到列表触发事件 问题:执行@cell-mouse-enter的时候会直接取消type="selection&qu

el-tableselection
el-table鼠标经过显示图标,移出隐藏

1、template代码 <el-table:data="listData" @cell-mouse-enter="cellMouseEnter" @cell-mouse-leave=&quot

el-table
Trae:新一代免费的AI编程工具