vue
分享与vue相关的问题
pinbolei
一个热爱生活的程序员
展开
-
require.context()的用法详解
1.require.context()vue项目中 使用require.context()实现前端工程化引入文件require.context(directory, useSubdirectories, regExp, mode = 'sync')directory:表示检索的目录useSubdirectories:表示是否检索子文件夹regExp:匹配文件的正则表达式,一般是文件名mode:加载模式,同步/异步2.用来在组件内引入多个组件// 从@/components/home目录原创 2021-04-12 14:18:17 · 15495 阅读 · 1 评论 -
vue 重复点击菜单,路由重复报错
报错信息vue-router在3.0版本以上时,重复点菜单,控制台会报错,虽然不影响使用,但是最好处理下这个问题,不然也可能会影响调试其他问题。报错原因vue-router在3.0版本以上时 ,回调形式改成了promise api,返回的是promise,如果没有捕获到错误,控制台始终会出现如上图的报错node_module/vue-router/dist/vue-router.js 搜VueRouter.prototype.push解决方法1.降低vue-router的版本npm i v原创 2021-04-12 14:14:11 · 816 阅读 · 0 评论 -
vue react 微信H5支付填坑 商家参数格式错误,存在未配置的参数...
vue react 微信H5支付填坑 商家参数格式错误,存在未配置的参数…这或许是你看到最完的整微信H5支付几大问题的解决方案因为项目中使用到了支付,当前国内支付无非就支付宝、微信、银联这几种方式,支付宝和银联支付今天暂时不讨论,搞过的都清楚,支付宝还是比较简单的,相对于前端来说,不会太复杂,几乎接近于完美(这么说人也是做支付的),而微信就真的额有很多坑了!1.商家存在未配置的参数,请联系商家解决说起来,真是欲哭为泪,尤其是使用vue react等单页面应用开发项目的,多少一开始都很头大,我一开始原创 2020-05-22 15:10:20 · 5758 阅读 · 9 评论 -
js函数节流、防抖
js 函数节流、防抖新建index.js将下面代码复制到index.js中/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */const debounce = (fn, t) => { let delay = t || 300 let tim...原创 2020-04-30 08:21:18 · 162 阅读 · 0 评论 -
vue移动端项目-click事件在浏览器中延迟300ms的解决方法
在H5页面移动端项目当中,click事件在浏览器中会有300ms的延迟,这个也是移动端开发中常见的问题之一,今天就这个问题说一说解决方法解决click点击事件300ms延迟在vue项目中,可以通过引入fastclick第三方依赖包来解决。1、安装fastclick依赖npm install fastclick ---save2、在main.js中引入并使用import fastCli...原创 2019-09-03 16:27:11 · 802 阅读 · 0 评论 -
解决Vue 2.0在IE11版本浏览器中的兼容性问题
用vue2.0开发做兼容时,你可能会发现vue项目在IE11版本浏览器中是空白的。。。看到空白的页面你可能会蒙蔽几秒钟,没事,下面我们就来解决这个问题~让IE11支持vue2.0首先用npm 安装babel-polyfillnpm install --save-dev babel-polyfill 然后在webpack.base.conf.js 文件中修改 module.exports ...原创 2019-06-05 17:21:58 · 9486 阅读 · 0 评论 -
vue电商开发记录3—实现返回顶部组件
简单说一下用vue实现一个返回顶部组件其实不光电商平台,一般的网站也会有返回顶部的功能,算是一个很常见的功能,有些ui框架中也会有自己的返回顶部的组件今天说一下如何自己封装一个返回顶部的组件返回顶部html部分<template> <div class="back-top"> <a title="返回顶部" href="javascript...原创 2019-05-13 09:26:26 · 597 阅读 · 1 评论 -
element-ui table列表自定义表头,修改列标题样式、添加tooltip
在之前的博客中,提到在element-ui table列表自定义表头,修改列标题样式、添加tooltip,需要render-header,但是在2.4.11及以后,element-ui官方已经更新了,并添加了自定义表头的方法为了广大的群众少走弯路,我觉得还是有必要更新一下,如果element-ui版本是2.4.11以下,可以参考上个关于自定义表头的博客,如果是2.4.11及以上版本可参考本文...原创 2019-05-06 15:00:11 · 30533 阅读 · 4 评论 -
vue电商开发记录2—实现公告轮播组件
简单说一下用vue实现一个电商公告轮播组件电商平台中常会有公告轮播图,虽然我浏览电商网站的时候,常常会忽略掉它~~~,emmmmm…,切回正题,今天分享一个电商公告轮播的小栗子,仅供参考html部分<template> <div class="swiper"> <!-- 左边公告,放个图片什么的 --> <div class...原创 2019-05-06 09:01:52 · 1129 阅读 · 0 评论 -
vue-router中query和params传参的区别
简单介绍git merge 和 git merge --no-ff的区别关注我的个人博客:https://pinbolei.github.io,获取更多内容原创 2019-04-29 15:48:08 · 346 阅读 · 0 评论 -
vue电商开发记录1—实现电商图片放大镜,移入放大效果
商品详情页中图片移入放大效果没有啥太炫酷的东西,仅为参考最近在重构电商网站,本想随便找个现成的插件,网上看了很多发现不是太炫酷,就是不符合需求,emmmmm…索性就参考别人的自己封装了个放大镜的组件,真香啊…你可以不会写,但一定得会copy,不废话了,上代码~~~~我们先给组件起个名,我先来,emmmmm…就叫PicZoom吧,你们随意~~1.html部分<template&g...原创 2019-04-22 13:35:07 · 1978 阅读 · 1 评论 -
vue组件间通信
简单说一下vue组件间的通信1.父组件向子组件传递数据通过 Prop 向子组件传递数据1.在父组件中注册子组件2.在子组件中声名props,接收从父组件传过来的值3.在子组件的标签中使用props创建的属性4.在父组件中,把要传给子组件的值赋值给props创建的属性示例:&amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;am原创 2019-01-02 09:57:02 · 203 阅读 · 0 评论 -
vue组件 keep-alive
keep-alive适用于动态组件中,当在组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。keep-alive让组件实例能够被在它们第一次被创建的时候缓存下来。注意这个 &amp;amp;amp;amp;amp;amp;amp;lt;keep-alive&amp;amp;amp;amp;amp;amp;amp;gt; 要求被切换到的组件都有自己的名字,不论是通过组件的 name 选项还是局部/全局注册。Props:include -原创 2019-01-04 10:52:13 · 395 阅读 · 0 评论 -
vue路由打开一个新的窗口
简单说一下vue路由如何打开一个新的窗口原创 2018-11-29 08:47:40 · 19087 阅读 · 7 评论 -
前端vue项目国际化——vue-i18n
有时候我们的项目需要支持多种语言,切换语言设置时,就自动切换整个项目的文字显示。安装 vue-i18n// npm 安装npm install vue-i18n// script 引入&amp;amp;amp;amp;amp;lt;script src=&amp;amp;amp;amp;quot;https://unpkg.com/vue/dist/vue.js&amp;amp;amp;amp;quot;&amp;amp;amp;a原创 2018-11-19 09:18:40 · 772 阅读 · 0 评论 -
Element-ui自定义table表头,修改列标题样式、添加tooltip, :render-header使用简介
render-headerrender-header在官方文档中的介绍是这样的:参数 说明 类型 可选值 默认值原创 2018-11-14 09:21:34 · 66580 阅读 · 34 评论