![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
草帽小子的女人
前端小白的航海路
展开
-
vsCode 快速生成VUE模板代码
使用 vscode 快速生成 vue 模板代码方法1、打开 vscode ,快捷键 ctrl + shift + p,弹出输入框后,输入 snippets2、选择 “ 首选项:配置用户代码片段 ” 一项,输入 vue(或者vue.json),选择 vue.json 选项;3、打开 vue.json 文件,更改里面的代码3-1、源代码:3-2:更改后代码:改成自定义代码4、更改后,新建vue文件,输入 vue 按下 enter 键,快速生成自定义代码模块...原创 2021-08-21 12:09:47 · 3600 阅读 · 0 评论 -
VUE 常见问题 --- vue+el 验证时,只有在失败时返回,成功不返回的问题
在使用 vue + el 做表单验证的时候,点击提交按钮,只有在 vaild 为false时执行,成功时没有反应addUser() { this.$refs.addFormRef.validate(valid => { console.log(valid) }); }只返回 false,成功时控制不报错,页面不执行百度后解决:在验证时,成功与否都要callback,并且要写对 callback()var checkEmail = (rule,原创 2021-06-26 14:42:00 · 571 阅读 · 0 评论 -
VUE 常见问题 ----- 页面正常渲染,控制台报错404请求失败undefined
页面渲染早于接口解决方法: 添加 v-if 判断,控制台不报错<template> <div class="home"> <el-image v-if="data.path != undefined" :src="data.path"></el-image> // 这里添加 v-if判断 <home-login :id="this.id" :city_id="this.data.city_id" :ordered_img="thi原创 2021-06-04 17:47:28 · 746 阅读 · 0 评论 -
vue 3.0项目搭建部署
关于 VUE3.0 项目搭建部署及码云仓库代码管理详细步骤1、下载 Git2、打开 Git bash3、cd 项目要安装的文件夹cd d:4、vue create web ---- “web 是项目文件名称”5、接下来是一些配置项目A、1、default(babel,eslint) ----- 默认设置,快速创建项目原型,没有带任何辅助功能的 npm包2、Manually select features ----- 自定义配置,提供可选功能的 npm 包 *这里我们选择此选项原创 2021-04-27 11:40:16 · 940 阅读 · 0 评论 -
关于 GitBash 光标无法使用的问题,vue无法在gitbash选择的问题
简单 四步 ,马上get1、找到 GitBash 安装目录2、右键 【打开文件位置】,找到 bash.bashrc 文件3、在文件最后一行添加 alias vue=‘winpty vue.cmd’4、重启 GitBash !原创 2021-04-22 10:38:30 · 453 阅读 · 0 评论 -
VUE爬坑之---支付宝支付功能
之前感觉支付宝很亲民,今天再做,感觉也是很多需要注意的地方,记录以防日后再入坑一、在子组件中,引入ab.js(function() { var b = {}; var a = {}; a.PADCHAR = "="; a.ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; a.make...原创 2019-07-11 17:20:25 · 6349 阅读 · 0 评论 -
VUE爬坑之---ios12系统微信中,填写完input后 键盘收起 页面底部有留白 需点击页面才可使用提交按钮
在 IOS 12 的系统中,在输入框中输入完内容,当点击键盘上的完成按钮时,会发现页面底部会有一大段区域变成了白色的,高度就是原来弹起的键盘的高度,这时候如果将页面上下滑动下,会发现这块空白区域又会消失,页面也恢复了正常一、新建 JS 文件,自定义指令,代码如下import Vue from 'vue'/** * 自定义指令 v-reset-page,以解决 iOS 12 中键盘收起后页面...转载 2019-07-11 17:01:45 · 526 阅读 · 0 评论 -
VUE爬坑之----微信打开支付宝支付功能
在微信内通过浏览器打开支付宝功能,也是爬坑之一一、首先要在【src–assets–js】下新建ap.js(function() { var b = {}; var a = {}; a.PADCHAR = "="; a.ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; a.makeDO...原创 2019-05-21 16:47:15 · 1399 阅读 · 0 评论 -
VUE爬坑之----微信支付功能
微信支付功能相比较支付宝支付,有点点繁琐,整理记录下来,以便日后所需项目用VUE+EL搭建而成,支付用EL的radio来做的<el-radio v-model="radio" label="weixin" > <i class="iconfont icon-weixin"></i> <div class="list"> ...原创 2019-05-21 17:33:30 · 3980 阅读 · 5 评论 -
VUE安装 与 GIT 仓库同步使用记录
最近学习VUE,希望将VUE中遇到的问题,记录下来,与大家分享,也希望路过的大神分享VUE学习经验及遇到的坑【比心】今天学习了VUE与Git同步的使用方法,记录分享一、下载 Node.js :官网下载,安装;https://nodejs.org/en/,直接下一步就好;安装成功后,打开CMD,输入命令:node -v 回车输入命令: npm -v 回车二、安装GIT官网下载安装:...原创 2019-05-29 11:01:11 · 376 阅读 · 0 评论 -
Vue中的computed属性与watch属性区别
computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理;computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发生变化,或减少或增多或...转载 2019-06-03 11:10:21 · 278 阅读 · 1 评论 -
关于vue+webpack配置
基于node.js 、npm 安装一、全局安装CNPMnpm install -g cnpm --registry=https://registry.npm.taobao.org二、全局安装VUE-CLI脚手架npm install vue -cli -g查看VUE-CLI版本:cnpm view vue-cli三、创建基于Webpakc模板的项目E: – 进入E盘目录E md 文...原创 2019-06-21 15:50:38 · 183 阅读 · 0 评论 -
关于Webpack安装与删除
安装Webpack一、创建一个新的本地项目目录名为webpack-demod: 回车 — 进入D盘cd Webpack_demo — 在D盘下新建文件,或进入目录二、创建package.json文件: npm init -y三、安装webpack:1》局部安装:npm install --save-dev webpack2》全局安装:npm install webpack --...原创 2019-06-21 16:05:43 · 698 阅读 · 0 评论 -
Vue爬坑之----在vue项目中引入swiper
版本选择swiper是个常用的插件,现在已经迭代到了第四代:swiper4。常用的版本是swiper3和swiper4,我选择的是swiper3。安装安装swiper3的最新版本3.4.2:npm i swiper@3.4.2 -S这里一个小知识,查看node包的所有版本号的方法:npm view 包名 versions组件编写swiper官方的使用方法分为4个流程:加载插...转载 2019-07-15 18:06:28 · 416 阅读 · 0 评论 -
vue爬坑路之----微信转发分享功能
最近做VUE转发分享功能,转发出去的页面没有详情及图片,搜集了一些资料,原来是因为转发链接写成了后台传来的链接地址了【笑哭自己】,我们前端应该获取当前页面的URL并传递给后台,让后端使用我们的URL,而不是自己接口URL,以此记录下来,以防再入坑一、在 【src–assets–js】下新建JS文件 wx.jsapi.jsimport axios from ‘axios’export defa...原创 2019-05-21 15:30:32 · 2663 阅读 · 0 评论