vue
镜花幻影空意摇
这个作者很懒,什么都没留下…
展开
-
vue-video-player参考地址
https://www.jianshu.com/p/f3ed8c5ed98e原创 2021-10-15 17:50:14 · 514 阅读 · 0 评论 -
图片裁剪工具vue-img-cutter
https://github.com/acccccccb/vue-img-cutter1.安装npm install vue-img-cutter --save-dev2. 引入注册import ImgCutter from 'vue-img-cutter'export default { components:{ ImgCutter },...}3.引用 <ImgCutter @cutDown="cutDown"原创 2021-07-08 15:21:40 · 430 阅读 · 0 评论 -
vant 项目使用less
1.安装npm install --save-dev less-loader less安装好后style lang="less"时项目运行不起来,检查less-loader版本,高于5.0报错版本改为 "less-loader": "^5.0.0",重新安装OK原创 2021-06-16 14:05:04 · 1044 阅读 · 0 评论 -
h5 根据银行卡号获取 银行卡信息
npm install bankcardinfo;var BIN = require('bankcardinfo');BIN.getBankBin("6222005865412565805",(err,data)=>{ if(!err){ console.log("///",data) }})原创 2021-06-11 11:41:30 · 445 阅读 · 1 评论 -
新建一个h5项目相关配置
1.新建一个vue2.0的项目在这里插入代码片2.安装vant npm i vant -S3.安装桌面端配置npm i @vant/touch-emulator -S4.Rem 布局适配4.1安装插件npm install postcss-pxtorem --save-dev4.2配置vue项目中.postcssrc.js文件中配置(前提安装了vant)module.exports = { plugins: { autoprefixer: { browse原创 2021-05-14 13:56:05 · 571 阅读 · 0 评论 -
vue项目单击事件双击事件同时存在
data中 timer: null, onceClick() { let timers = this.timer; if (timers) { window.clearTimeout(timers); this.timer = null; } else { this.timer = window.setTimeout(() => { console.log("我是单击事件");原创 2021-03-31 11:41:58 · 836 阅读 · 0 评论 -
Vue 全局登录注册弹框
登录组件,登录跳转到注册有传参数<template> <el-dialog :visible.sync="show" :append-to-body="true" :show-close="false" width="670px" > <h1>欢迎登陆</h1> <div> <el-button @click="reg(false)">个人注册</e原创 2021-03-04 10:59:11 · 1648 阅读 · 3 评论 -
vue PC端项目打包成windows桌面程序
一、npm run build 生成dist文件注意:打包dist文件需要将绝对路径"/“改为相对路径”./"二、把electron的官方例子扒下来,简称项目Agit clone https://github.com/electron/electron-quick-start 三、删除项目A根目录中的index.html,并将之前打包的dist文件放在项目A根目录下四、在项目A中找到入口文件 main.js ,修改打包的文件路径为我们的index.html:// main.js 原始内容 m原创 2021-02-25 15:15:54 · 2473 阅读 · 0 评论 -
父组件值变化,子组件接收不到Bug
vue项目中经常会有子组件接收不到父组件值,监听无效,可以利用v-if <v-sidentify v-if="sidentifyShow" :identifyCode="imgCode" ></v-sidentify>父组件值改变时,添加一下代码 this.sidentifyShow=false; this.$nextTick(()=>{ this.sidentifyShow=true; })...原创 2021-02-23 10:36:06 · 432 阅读 · 0 评论 -
vue缓存问题
<keep-alive :include="cachedViews" :exclude="normalViews"> <router-view :key="1" /></keep-alive> cachedViews: ["index"], // 需要缓存的页面数组 normalViews: [“chatPanel”] // 不需要缓存的页面数组注意:需要缓存的组件一定要设置name属性,并且要和router中组件的name和app.vue中需要缓存素组原创 2020-11-30 16:24:58 · 532 阅读 · 0 评论 -
移动端vConsole调试
npm install vconsolemain.js引入import Vconsole from 'vconsole';Vue.prototype.$vConsole = new Vconsole();OK原创 2020-09-02 17:38:38 · 74 阅读 · 0 评论 -
vue项目解决ie浏览器不显示问题
一:npm install --save-dev babel-polyfill二:main.js文件引入:import 'babel-polyfill'三:在build文件夹下找到webpack.base.conf.js.将module.exports = {entry: {app: "./src/main.js"},替换成module.exports = {entry: {app: ["babel-polyfill", "./src/main.js"]},...原创 2020-08-31 18:03:09 · 513 阅读 · 0 评论 -
vue中路由守卫
import Vue from 'vue'import Router from 'vue-router'import login from '@/views/login/login'import phone from '@/views/login/phone'import index from '@/views/home/index'Vue.use(Router)const router =new Router({ routes: [ { path: '/',原创 2020-06-02 10:15:04 · 101 阅读 · 0 评论 -
vue中微信分享
一:分享jsimport wx from 'weixin-js-sdk'import https from '@/https.js'//调用方法时传进来的参数//let info={title:this.info.name,imgUrl:this.info.photo_l,desc:this.info.goods_trait,link:this.shareBaseUrl};const wxShare=function(info){ console.log("wx分享",info)原创 2020-06-01 16:27:18 · 261 阅读 · 0 评论 -
vant列表节流
<template> <van-list :v-model="loading" :finished="finished" finished-text="没有更多了" @load="onload" > <van-cell v-for="(item,index) in list" :key="index"> <cell-list :produc原创 2020-05-27 13:51:43 · 307 阅读 · 0 评论 -
vant详情页索引显示和隐藏
<template> <div class="content"> <div id="shareTop"> <div> <img src="@/assets/imgs/myBg.png" style="width:100%" alt=""> </div> </div> <van-inde原创 2020-05-27 13:42:39 · 1312 阅读 · 2 评论 -
vue中商品详情页放大镜功能
templates中内容< div class=“productLeft”><!- 左侧中图 -->< div class=“mdImg”>< img :src=“require(’…/assets/imgs/details/’+mdImgUrl)” alt=""></ div><!- 遮罩层 -->< d...原创 2019-07-26 12:28:59 · 2481 阅读 · 0 评论 -
vue中利用v-show写的轮播
//template中内容<div class="carousel"> <!--轮播图片--> <div class="carouselImgs"> <ul> <li @mouseover="over" @mouseleave="out" v-for="(item,index) o...原创 2019-07-26 12:15:59 · 262 阅读 · 0 评论