
组件
云烟溪雪
这个作者很懒,什么都没留下…
展开
-
vue-grid-layout 使用以及所有属性
vue-grid-layout作用下载及引入版本案例 以及所有属性作用1.实现桌面拖拽布局功能2.可调整每个部件的大小3.可以在不重新构建网格的情况下添加或删除小部件下载及引入下载install with npm // 用npm npm install vue-grid-layout --saveinstall with yarn // 用yarn yarn add vue-grid-layout引入import VueGridLayout from 'vue-grid原创 2021-08-30 10:34:06 · 3566 阅读 · 3 评论 -
v-lazy懒加载
作用:当页面需要加载大量图片时(需要向下滚动页面),使用懒加载可以实现只优先加载页面可视区域的图片,从而使得页面加载更为流畅。使用步骤:1、安装:cnpm i vue-lazyload -S2、main.js:import Vue from 'vue'import App from './App.vue' //添加以下两行代码//-------------------------------import VueLazyload from 'vue-lazyload'Vue.use(原创 2021-09-01 10:47:20 · 253 阅读 · 0 评论 -
url 的正则表达式:path-to-regexp
概述该工具库用来处理 url 中地址与参数,能够很方便得到我们想要的数据。js 中有 RegExp 方法做正则表达式校验,而 path-to-regexp 可以看成是 url 字符串的正则表达式。使用第三方库,使用前先进行安装:npm install path-to-regexp --save在 js 中使用:const pathToRegexp = require('path-to-regexp');或 import pathToRegexp from 'path-to-regexp'转载 2020-09-28 17:15:33 · 1229 阅读 · 0 评论 -
vue 使用clipboard实现复制功能
浏览器原生方法这种方式兼容性不是太好,还要看浏览器是否支持,容易采坑。//在IE中可以用window.clipboardData.setData('text','内容')实现。//在IE中clipboardData是window的属性,而其他浏览器则是相应的event对象的属性,这实际上是一种安全措施,防止未经授权的访问,为了兼容其他浏览器,所以我们不能通过clipboardData来实现这种操作。//具体做法://1.创建一个隐藏的input框//2.点击的时候,将要复制的内容放进input框转载 2020-05-18 11:02:56 · 1089 阅读 · 0 评论