![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
拾 -.-
这个作者很懒,什么都没留下…
展开
-
Vue Router Tab
介绍Vue Router Tab 是基于 Vue.js 和 Vue Router 的路由页签组件,用来实现多页签页面的管理。官网演示包含的功能✅ 响应路由变化来打开或切换页签✅ 页签过多鼠标滚轮滚动✅ 页签拖拽排序✅ 支持页签打开、切换、关闭、刷新、重置等操作✅ Iframe 页签嵌入外部网站✅ 组件个性化设置:过渡效果、自定义插槽、页签右键菜单✅ 多语言支持✅ 缓存控制:页签规则、页签是否缓存、最大缓存数、是否复用组件等✅ 动态页签信息:标题、图标、提示✅ 初始页签数据,进入页原创 2020-09-25 13:11:07 · 2969 阅读 · 0 评论 -
TypeError: Cannot read property ‘$router‘ of undefined at eval
一直出现router使用不能识别,在axios中使用js路由我用的是functionaxios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });然后打印出this,出现undefined,没有this对象原创 2020-09-22 02:42:12 · 3975 阅读 · 0 评论 -
在Vue中点击某个元素以外的元素时让这个元素隐藏或关闭
在实际开发中,可能会有点击某个元素以外的元素时让这个元素隐藏或关闭的需求。在Vue中实现则更加简单。思路为全局document添加click事件,判断是否为指定节点及其子节点,如果不是则隐藏该指定节点。例如该组件<template> <div> <span v-show="isShow">没点击我我就消失了哦</span> <button @click="isShow = true">显示</b转载 2020-08-25 14:52:18 · 8682 阅读 · 4 评论 -
webpack常用插件plugins
插件官网一,HtmlWebpackPluginHtmlWebpackPlugin简化了HTML文件的创建,以便为你的webpack包提供服务。这对于在文件名中包含每次会随着编译而发生变化哈希的 webpack bundle 尤其有用。 你可以让插件为你生成一个HTML文件,使用lodash模板提供你自己的模板,或使用你自己的loader。安装npm install --save-dev html-webpack-plugin配置//引入HtmlWebpackPlugin插件,简单创建 HTML原创 2020-08-22 17:41:54 · 460 阅读 · 0 评论 -
webpack5大常用loader
官网一,打包图片文件1file-loadernpm install --save-dev file-loader默认情况下,生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。import img from './file.png'webpack.config.jsmodule.exports = { module: { rules: [ { test: /\.(png|jpg|gif|jpeg|png|svg)$/, u原创 2020-08-22 12:45:38 · 624 阅读 · 0 评论 -
使用webpack+vue从零开始打造前端项目
一.项目初始化1.创建项目,初始化项目npm init -y2.安装webpacknpm install webpack webpack-cli -Dinstall :安装-D :安装开发环境依赖,是 -save-dev的缩写二.编写项目入目1.在根目录下编写index文件,作为项目主页文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>从原创 2020-08-21 14:34:11 · 312 阅读 · 0 评论 -
解决此图片来自微信公众平台,未经允许不可引用(zk)
防盗链:http://img01.store.sogou.com/net/a/04/link?appid=100520029&url=在图片url上加反盗链同时别忘了加 head <meta name="referrer" content="no-referrer"/>原创 2020-08-06 21:05:13 · 1026 阅读 · 0 评论 -
浏览器图片引用,引起403 防盗链解决方法
概述远程图片访问403 type为text/html的问题原因防盗链机制解决方法页面head中增加<meta name="referrer" content="no-referrer" />防盗链的机制:通过页面的referrer信息,判断访问者来源,是否本站点,然后对图片等请求作出相应no-referrer:整个 Referer 首部包含了当前请求页面的来源页面的地址,即表示当前页面是通过此来源页面里的链接进入的。服务端一般使用 Referer 首部识别访问来源,可能会原创 2020-08-06 20:58:48 · 840 阅读 · 0 评论