- 博客(8)
- 收藏
- 关注
RSS订阅原创 对vue及vue生命周期的理解
1 什么是vue 生命周期，有什么作用？每个Vue实例在被创建时都需要一系列的初始化过程，例如：需要设置数据监听、编辑模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫生命钩子的函数，这给用户在不同阶段添加自己代码的机会。2 第一次页面加载会触发哪几个钩子？每个周期都适合哪些场景？beforeCreate, created, beforeMount, mountedbeforeCreated:在new一个vue实例后，只有一些默认的生命周期钩子和默认事件，其他的东西都
2022-03-07 10:26:28
245
原创 vue+vant 实现图片压缩
vue+vant 实现图片压缩直接上代码：只支持上传单张图片，对单张图片进行压缩：<van-field name="uploader1" label="上传附件:"> <template #input> <van-uploader v-model="uploader1" style="margin-right: 10px"
2022-01-29 11:09:09
2390
原创 vue前端移动项目调用微信扫一扫的实现
vue前端移动项目调用微信扫一扫的实现1安装插件npm install weixin-jsapi --save2在main.js中引入// 在man.js中引入import wx from "weixin-jsapi"; // 在man.js中注册 Vue.prototype.wx = wx具体代码如下bindingCarCode.vue页面<template> <div class="moveCarService"> <!--头部-->
2021-01-27 15:25:08
1366
5
原创 项目中如何引入vuex状态管理。。。
Vuex的基本使用1安装vuex的依赖包npm install vuex --save2导入vuex的包如果没有store.js文件可以自己新建。。。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)![在这里插入图片描述](https://img-blog.csdnimg.cn/20201105161111808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naG
2020-11-05 16:18:42
154
原创 使用vue新建项目步骤。。。
第一步首先安装好node.js1.检查版本,确定都安装成功，并能查看到版本信息2选定路径，新建vue项目，这里我是在桌面上新建了sun文件夹，cd目录路径vue init webpack ”项目名称“，根据提示一步步向下走---3进度完成之后，提示：4现在已经创建好了，那就让项目依赖再运行先安装下一下，会出现下面的页面，操作指令是：npm install 注意：安装依赖时,在打开已经建好的项目所在路径哦！5 执行npm run dev6项目...
2020-11-05 15:39:36
217
2
原创 element-ui 的upload组件，before-upload验证不通过后触发了on-remove方法的内容（已解决）
element-ui 的upload组件，before-upload验证不通过后触发了on-remove方法的内容（已解决）vue ：<el-upload :headers="myHeaders" class="upload-demo" :action="homeVideoUploadUrl" :on-preview="handlePreview" :on-remove="handleRemove"
2020-10-15 15:33:09
2409
1
原创 实现分页的两种形式
第一种：直接在当前页面实现<el-pagination@size-change=“handleSizeChange”@current-change=“handleCurrentChange”:current-page=“search.pageNum”:page-sizes="[ 1, 2, 5, 10 ]":page-size=“search.pageSize”layout=“total, sizes, prev, pager, next, jumper”:total=“total”
2020-10-12 11:24:27
1282
1
原创 elementUI 将el-table表格导出excel文件
elementUI 将el-table表格导出excel文件1 首先安装依赖：xlsx、file-saver：npm install xlsx --savenpm install file-saver --save2在main.js中导入// vue中导出excel表格模板import FileSaver from 'file-saver'import XLSX from 'xlsx'Vue.prototype.$FileSaver = FileSaver; //设置全局Vue.pro
2020-08-31 14:56:44
5062
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人