logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

animate.css wow.js结合使用(html滚动到可视区域显示动画)

要求:html滚动到可视区显示动画animate.css wow.js结合使用首先放上 cdn链接<link rel="stylesheet" href="https://daneden.github.io/animate.css/animate.min.css"><!-- 实现向下滚动页面都有效果 --><script type="text/javascript"

#css#动画#javascript
vue router 删除历史记录

总结一下这种方法的步骤:1,在Vue Router的守卫中保存即将跳转的路由对象的路径到sessionStorage中。,2,当需要清除历史记录时,从sessionStorage中获取之前保存的路径,使用“replaceState”方法将当前的历史记录替换为该路径的历史记录。3,暴露一个API接口,供用户调用清除历史记录的方法。

文章图片
#vue.js#javascript#前端
vue+elementUI 走马灯多条数据同屏滚动

效果图主要是使用嵌套循环后台给的数据是数组对象形式 如下://处理成二维数组[[],[],[]],以应用于页面循环首先处理成二维数组的格式//页面内<template><div class="black_head"><ul flex="main:justify"><li>设备编号</li><li>实时状态</li>

vue上传文件,实现单选 ,实现递归多选

单选和多选单个文件上传单选点击选择之后 获取文件,点击上传调用上传接口<div flex="cross:center" style="margin-bottom: 25px;padding:0 10px;"><div class="chooseFile" flex="cross:center"><div>选择文件:</div><div clas

#vue.js#javascript#前端
vue+elementUI使用rules 国际化时 form表单验证信息不能实时更新

vue使用rules 国际化时 form表单验证信息不能实时更新在切换语言的时候不能实时更新表单验证信息方法一:用computed计算属性computed:{rules(){//这个rules是自己起的名字 :rules="rules"return{username:[// 请输入用户名{ required:true, message: this.$t('men

vue中使用protobuf

vue中使用protobuf什么是protobuf?官方解释为:协议缓冲区是用于序列化结构化数据的灵活,高效的自动化机制 - 思考XML,但更小,更快,更简单。您可以定义一次数据的结构,然后您可以使用特殊的源代码轻松地将结构化数据写入各种数据流并使用各种语言读取和读取数据。您甚至可以更新您的数据结构,而不会中断根据“旧”格式编译的已部署程序。特点:更简单是3到10倍小速度要快20到100倍不太模糊

vue-router退出登录清空路由

router没有提供清空数据的方法。我们可以这样写this.$router.replace({path: '/login'});location.reload();

vue 实现图片的放大缩小(以鼠标位置为中心放大缩小)以及拖拽功能

先下载lessnpm install less less-loader --saveps:我的版本号不不符合 我下载的低版本npm install less-loader@7.3.0 --save-dev组件传值 imgUrl 图片的url<previewPicture :imgUrl="imgJieTu"></previewPicture>组件源码 (代码仅供参考!有兼容

#vue.js#javascript#前端
vue+elementUI el-select 自定义搜索逻辑(filter-method)

下拉列表的默认搜索是搜索label显示label,我司要求输入id显示label名称。使用filter-method方法筛选数据。首先mounted加载数据。

文章图片
#vue.js#elementui#前端
Vue全局变量使用与修改

content.jsexport default {msg: "Hi",setMsg(msg) {this.msg = msg;}}main.js 注入import content from './common/content.js';Vue.prototype.$myContent = content;使用this.$myContent.msg修改this.$myContent.setMsg("

    共 41 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择