沫沫酱

效果图：github地址：https://github.com/naihe138/vue-picker项目下载下来之后，执行yarn，yarn run rollup，yarn run build使用方法：普通网页开发直接复制项目下的lib/vue-picker.js文件即可直接使用<scriptsrc="../../static/js/utils/vuePicker/vue-picker.js"type="text/javascript"></scri...

效果图：vue-hash-calendar的github地址https://github.com/TangSY/vue-hash-calendarcdn方式引入：js CDN：https://cdn.jsdelivr.net/npm/vue-hash-calendar@{version}/lib/vue-hash-calendar.umd.min.jscss CDN: https://cdn.jsdelivr.net/npm/vue-hash-calendar@{version}/l

html部分：<inputtype="file"ref="filElem"class="upImage"accept="image/*"@change="onFileChange"/><divv-if="!pic" @click="uppic">上传照片</div><divv-elseclass="haspic"@click="uppic"><img:src="pic"/></d...

转自https://www.cnblogs.com/xiaoxiaoxun/p/11147097.html使用的是vue-cli4方式一：在public下的index.html页面中添加如下jsfnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documentElement.clientWidth || window.i

npm install --save vue-clipboard2首先先安装并引入：importVuefrom'vue'importVueClipboardfrom'vue-clipboard2';//引入复制功能插件Vue.use(VueClipboard)；html部分：<inputv-model="shareUrl"disabled="disabled"><buttontype="button"v-clipboard:copy="s...

先安装插件：npm install --s qrcode引入插件：importQRCodefrom"qrcode";//引入生成二维码插件页面中canvas用来显示二维码<canvasid="QRCode"></canvas>触发按钮<el-buttonsize="mini"@click="share(scope.$index,scope.row)">分享文章</el-button>data中加入生成二维码的ur...

上个文章写了跨页面的锚点定位，锚点的页面是在mounted里调用的定位到锚点位置，只有新打开此页面时才会执行mounted，所以当前页面内进行点击定位到锚点位置不起作用，解决方法在main.js里的watch里一直监听着URL是否发生变化，如果URL变化就执行锚点定位方法。效果：在mian.js中添加import{goAnchor,GetQueryString}from'.....

效果：header页面：<a:href="'#/about?maodian=gsjj'">公司介绍</a><a:href="'#/about?maodian=fzlc'">发展历程</a><a:href="'#/about?maodian=ryzz'">荣誉资质</a><a:href="...

添加滚动监听事件：mounted () { window.addEventListener('scroll', this.handleScroll)},页面销毁需要取消监听：destroyed(){window.removeEventListener('scroll',this.handleScroll)}使用：<template>...

参考：http://panjiachen.github.io/countTo/demo/效果：使用vue-countTo插件安装：npm install vue-count-to使用：<template><countToref='example':startVal='startVal':endVal='endVal':duration='200...

参考文档：https://segmentfault.com/a/1190000015765805要使用bootstrap要先分两步，第一步：引入jQuery第二步：再引入bootstrap1、建立一个vue工程。2、使用命令npm install jquery --save-dev 引入jquery。3、在webpack.base.conf.js中添加如下内容：var...