- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue子传父
1.子组件<template> <div class="testCom"> <input type="text" v-model="message" /> <button @click="click">发送消息给爸爸</button> </div></template><script>export default { data() {
2021-12-03 10:57:07
119
原创 vuex使用详解
一、使用Vuex的目的实现多组件状态管理。多个组件之间需要数据共享时，Vuex是个很好的帮手二、Vuex 怎么用1.安装npm install vuex2.在@/store/index.js里使用vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//实例化export default new Vuex.Store({ modules: { common, user },})3.在@/s
2021-12-03 10:37:39
170
原创 html转pdf
1 、我们要添加两个模块第一个.将页面html转换成图片npm install --save html2canvas 第二个.将图片生成pdfnpm install jspdf --save2、定义全局函数…创建一个htmlToPdf.js文件在指定位置.我个人习惯放在(‘src/components/utils/htmlToPdf’)//函数部分// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'js
2020-12-24 14:34:15
113
原创 vue html转excel
1.安装插件cnpm install vue-json-excel2.min.js中引入使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用<download-excel class = "export-excel-wrapper" :data = "json_data" :fields = "json_fields"
2020-12-24 14:30:35
705
原创 git 私钥转公钥
1.git 私钥转公钥git公钥步骤 一直回车生成两个文件xx.pub，git远程上右键settings->ssh 把公钥贴上去，clone代码，切换分支运行
2020-12-24 14:24:59
166
原创 element-ui 使用图片上传demo
6.element-ui 使用图片上传： 上传到服务器返回一个地址，地址写到form里 <el-upload class="upload-demo" ref="upload" action="web/upload/img/yp/editor" :on-preview="handlePictureCardPreview" :on
2020-12-24 14:24:05
399
原创 element-ui事件端选择转换str
9.element-UI时间段选择转换： //判断时间参数 var q = crud.getQueryParams(); if(q.createTime != null){ &n
2020-12-24 14:23:04
136
原创 element-ui多选框demo
7.element-ui多选框使用：<div v-for="(item,index) in options" :key="index"> <el-checkbox-group v-model="checkboxGroup1" size="small"> <el-checkbox :label="item.name" border size="medium">{{
2020-12-24 14:20:28
191
原创 uniapp选择图片上传图片封装
1.新建js文件，@/utils/uploadFile.jsexport function CommonUpload(){ return new Promise((resolve,rej) =>{ uni.chooseImage({ count: 3, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'], //从相册选择 su
2020-12-24 14:13:52
743
2
原创 vue-router
其他：1.cdn：有网址可以引入 有cdn的不需要加-dev 没有cdn的加-dev2.i是install的缩写 -D是–save-dev的缩写 -S是–save的缩写vue-router：1.安装 npm install --save vue-router2.路由基础实现创建视图创建路由模块 .js 将路由文件引入入口文件 （main）import Vue from ‘vu...
2020-12-24 14:03:19
67
原创 小程序给遍历的数据item添加新的key,value
let list= res.data.data.listlist.forEach(item => {item.show = that.data.show})
2020-04-02 14:37:54
593
原创 小程序页面上拉加载更多
/**页面上拉触底事件的处理函数*/onReachBottom: function () {let that=this;let currentPage=++that.data.currentPage;let data_params = {“openId”: this.data.openId,“classifyId”: this.data.classifyId,“currentP...
2020-04-01 16:47:03
677
1
原创 小程序页面渲染初次加载数据
小程序页面渲染初次加载数据/***生命周期函数–监听页面初次渲染完成*/onReady: function () {let that = this// 请求商品数据let data_params = {“openId”: this.data.openId,“classifyId”: this.data.classifyId,“currentPage”:this.data.cur...
2020-04-01 16:22:26
2339
1
原创 vue准备
1.安装 npm install -g @vue/cli2.创建项目 vue init webpack 项目名称3.运行项目 cd 进入文件 安装依赖 npm i 运行 npm run dev4.目录结构build文件夹：项目webpack配置config文件夹：项目的配置src文件夹：编写项目的位置assets文件夹：静态资源文件夹components文件夹：公共组件文件夹...
2020-02-08 11:09:31
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人