Vue
小宇宙chris_310
这个作者很懒,什么都没留下…
展开
-
vue自定义防抖&节流指令的实现&全局指令定义和使用-案例
https://blog.csdn.net/JackieDYH/article/details/119419458?utm_medium=distribute.pc_feed_v2.none-task-blog-yuanlijihua_tag_v1-2.pc_personrecdepth_1-utm_source=distribute.pc_feed_v2.none-task-blog-yuanlijihua_tag_v1-2.pc_personrec原创 2021-08-09 09:16:23 · 248 阅读 · 0 评论 -
vue 项目使用 rem 布局
使用 vue-cli 构建项目完成后,在index.html文件内添加如下代码: //兼容UC竖屏转横屏出现的BUG //自定义设计稿的宽度:designWidth //最大宽度:maxWidth //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750) ; (function (designWidth, maxWidth) { var doc = document, w原创 2021-04-06 16:26:17 · 341 阅读 · 0 评论 -
15个Vue自定义指令
受 AngularJS 的启发,Vue 内置了一些非常有用的指令(比如v-html和v-once等),每个指令都有自身的用途。完整的指令列表可以在这里查看.这还没完,更棒的是可以开发自定义指令。Vue.js 社区因此得以通过发布自定义指令npm 包,解决了无数的代码问题。以下就是我最喜欢的 Vue.js 自定义指令列表。不用说,这些指令为我的项目开发节省了大量时间!1. V-Hotkey仓库地址:https://github.com/Dafrok/v-hotkeyDemo: 戳这里...原创 2020-10-09 15:09:04 · 114 阅读 · 0 评论 -
flex布局,控制每行显示几个
代码<template> <div class="ocr"> <div class="img"> <img :src="url" alt=""> <img :src="url" alt=""> <img :src="url" alt=""> <img :src="url" alt=""> <img :src="u.原创 2020-05-25 17:40:49 · 16469 阅读 · 1 评论 -
一份完整的 vue-cli3 项目基础配置项,可用作于 PC 网站开发、移动端网页,后台管理系统
最近在看到一个不错的分享:https://v2ex.com/t/670903#reply24原创 2020-05-14 10:39:37 · 441 阅读 · 0 评论 -
vue-cli3中引入postcss-px-to-viewport插件-------移动端适配vw
npm install postcss-loader postcss-px-to-viewport --save-dev因为插件的配置选项中有个exclude选项,它的值只支持正则表达式,但是正则表达式再json中是不允许的,所以不要配置在package.json中,要配置在vue.config.js里module.exports = { devServer: { port: 8080, disableHostCheck: true, }, css: { loade原创 2020-05-09 16:03:33 · 729 阅读 · 0 评论 -
图片滑动验证
这里主要用的是插件:vue-monoplasty-slide-verifygithub地址:https://github.com/monoplasty/vue-monoplasty-slide-verify安装方式:npm install --save vue-monoplasty-slide-verify使用方式:import Vue from 'vue';import Slide...原创 2020-05-07 13:18:25 · 1225 阅读 · 0 评论 -
element表格懒加载
html<div class="table"> <el-table :data="tableData" style="width: 100%" row-key="id" lazy height="290" :load="load" ...原创 2020-04-23 09:34:59 · 1457 阅读 · 0 评论 -
vue-baidu-map动态描点,点击展示点信息
html<baidu-map class="bm-view" :center="center" :zoom="zoom" @ready="handler" :scroll-wheel-zoom="true"> <bm-marker v-for="(item,index) of pointList" :key="index"...原创 2020-04-13 15:02:24 · 1926 阅读 · 0 评论 -
给百度地图信息框添加点击事件,并且路由跳转
原创 2019-12-18 11:01:29 · 979 阅读 · 1 评论 -
在请求的url上加上时间戳
monitorVideo(params){ return axios.post(`${newHttp}/monitor/runtime/list?t=`+ Date.parse(new Date()),params); }作用:URL 的末尾追加了时间。这就确保了请求不会在它第一次被发送后即缓存,而是会在此方法每次被调用后重新创建和重发;此 URL 会由于时间戳的不同而稍微有些不...原创 2019-11-20 14:16:05 · 5073 阅读 · 0 评论 -
webpack对图片路径的处理
前言原本我们写在网页中的代码,其中对图片资源路径的引入,在打包后文件位置会发生变化,这时图片路径也会发生变化。这时我们需要解决这个问题:不管位置怎么变,图片路径一定是正确的!图片大致分为如下几种情况:css中的图片问题网页标签img中的图片(分为静态的和绑定的)一、css中的图片问题安装相应的图片解析模块【解析与压缩】yarn add url-loader file-loa...原创 2019-04-18 15:15:09 · 4296 阅读 · 1 评论 -
Vue:自定义插件及使用
一、Vue插件有什么用插件通常会为 Vue 添加全局功能。所谓全局:即不需要像组件那样,每次使用他前都需要先引入一次。对于插件只要在最开始引入一次,在任何组件就可以直接使用。(类似于我们在window上添加的方法属性那样,任何地方都可以用)插件能实现的功能没有限制,不过常见下面几种:通过插件,添加全局方法或者属性通过插件,添加全局资源:指令/过滤器/过渡等通过插件(使用全局 mix...原创 2019-04-18 12:54:14 · 8226 阅读 · 3 评论