- 博客(23)
- 收藏
- 关注
RSS订阅原创 vuex的环境搭建
1.vue搭建vuex 首先进行安装vuex ，注意vue2.0使用的是vuex3.0的版本 vue3使用的是vuex4.0的版本2.在src的目录下创建一个store文件夹 文件夹下面创建一个index.js3.在index.js里面引入vue和vuex //引入vuex和vue import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //响应组件的动作 const actions = {} //操作组件的数据 const muta
2022-04-28 17:32:49
314
原创 关于a标签的使用
a标签是一个经常使用的标签，今天他们提出一个需求，点击同一个a标签，只打开一个新的窗口，我之前没这样写过，又看了一遍a的属性，发现target是可以提供名字的，我之需要把url写到target里面就可以记录一个 不喜勿喷...
2021-12-14 15:32:15
224
原创 vue 下载图片 保存到本地
1.首先安装 html2canvas 命令 npm install html2canvas2.使用的页面引入 import html2canvas from 'html2canvas';3. 同源图片下载// 同源(访问的网站域名与服务器域名一致) // downs() { // this.imgUrl = 'https://img2.baidu.com/it/u=2937803703,3095540904&fm=26&fmt=auto&gp=0.jpg'; //
2021-11-26 10:12:53
871
原创 vue3的知识点
vue3新增加了一个setup函数，这个函数是在beforeCreate前面执行的，而且setup还能接收2个参数，一个是props一个是 centext,注意setup中this是undefind,再setup中我们不需要使用this，vue3声变量不需要想vue2一样再data里面去声明 ，我们直接再setup这个函数里面去声明就可以，注意再setup里面声明变量有2个方法 一个是通过ref (ref定义的是基本类型的数据) 一个是reactive (reactive 可以定义不同类型的数..
2021-11-12 12:54:40
463
原创 vue把html导出为word
1 首先安装 file-saver和html-docx-jsnpm install file-saver --savenpm install html-docx-js --save2.引入import { saveAs } from 'file-saver';import htmlDocx from 'html-docx-js/dist/html-docx';3.导出html为wordlet arr = document.querySelector('#question_doc') /
2021-11-02 14:18:08
3358
1
原创 vue动态给input添加事件
var arr2 = document.getElementsByName('textfiled');//获取dom中的input for (let a = 0; a < arr2.length; a++) { arr2[a].addEventListener('input', this.getList);//给每个input添加事件 }
2021-10-19 14:48:16
700
原创 关于页面渲染时 闪一下 数据消失的问题
今天遇见使用vue遇到一个问题 ，当我给div添加loading的时候 出现了一个问题 ：当我切换每页展示的数量时 页面渲染的时候 闪一下 数据就消失啦 ，当我把loading去掉之后 ，这个问题就消失啦 ，在这里记录一下，具体原因，目前不清楚 哈哈哈...
2021-10-08 21:43:38
747
1
原创 Tinymce富文本图片的插入
在开发当中我们不可避免的会使用到富文本编辑器 富文本编辑器插件又是很多小编经过尝试感觉Tinymce还是不错的在使用中遇到啦关于图片插入的问题 这里就记录一下 希望能帮到有需要的小伙伴在Tinymce的配置项中插入images_upload_handler 这个配置项是针对用户对图片自定义处理的 我们可以自己写一个函数images_upload_handler: (blobInfo, succFun, failFun) => { //前台读取文件
2021-07-23 16:08:54
2204
原创 git的远程推送
大部分的开发人员 保存代码使用的都是git 对于初学者可能感觉不是太清晰 我们今天把git的使用说明一下1.git init 初始化2.git remote add origin 远程仓库的地址3.git pull origin master 本地推送到远程仓库4.git push -u origin master 把暂存到本地仓库的代码 推送到远程仓库上面的操作是你仓库已经存在的前提下如果没有仓库 我们需要再Git上创建一下仓库 然后进行绑定就可以啦...
2021-07-23 15:49:19
222
原创 关于vue 启动项目的时候 自动打开 并使用本地ip打开
当我们创建一个 vue项目 启动项目的时候想让项目自动打开项目自动打开：再confing文件夹下面的index下面module.exports里面加上autoOpenBrowser: true,就可以使用本地id打开的话 再webpack.dev.conf.js下面devServer.useLocalIp就可以啦...
2021-07-23 15:40:32
668
原创 vue 配置开发 测试 生产环境api
过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。1 再build文件创建 webpack.test.conf.js 把 webpack.prod.conf.js复制到 webpack.test.conf.js** 把const env = require('../config/prod.env') 改成 const env = require('../config/test.env')2 在config下面的 test.env.js 改成'use strict'const
2021-06-18 16:14:49
200
原创 关于vue element admin的动态菜单的生成
对于动态菜单的生成 想必大家刚开始也都是比较头疼的 我这段时间这好在写这 和大家分享一下本人的经验对于动态菜单首先就是路由的配置第一步路由的配置 网上还是很多的 我就不再见绍第二步就是在 permission.js里面就行配置if (hasToken) { if (to.path === '/login') { // if is logged in, redirect to the home page next({ path: '/' }) NProgr
2021-04-23 13:24:49
1748
1
原创 git错误：failed to push some refs to ‘https://gitee.com/xxxx/xxxx.git‘
这是小编创建远程仓库后 把本地的代码向远程推送的时候 一直报这个 ：后来发现这是本地的代码和远程仓库的代码不一致导致的 使用git pull --rebase origin master 完美解决
2021-01-18 13:09:54
2112
原创 微信小程序获取用户信息
1,html用过 wx:if和wx:else做一个简单的按键和登录后的信息的切换2.jsa:如果你没授权登录 首先要进行用户信息的获取//获取用户信息getUserInfo(e) {// console.log(data)if (!e.detail.userInfo) {return}var that = this;that.setData({result: ‘ok’,nickName: e.detail.userInfo.nickName, // 微信昵称avatarUrl:
2021-01-18 10:33:05
448
原创 2020-11-19
关于vuex的存取知识点1.VueX是适用于在Vue项目开发时使用的状态管理工具 试想一下，如果在一个项目开发中频繁的使用组 件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。所以我 们将需要使用到vuex2.首先是vuex的存 this.$store.commit(‘事件名’,存的值) 取vuex的值:this.store.state.currDbSource3 我们存值得时候到store里面的同步赋值里面填写： setIsDelete
2020-11-19 10:37:27
60
原创 使用多选框进行多选 全选
使用多选框进行多选 全选1.声明一个数组 绑定v-model 上 再去watch里面监听他就可以实现单选 多选2 全选的话 直接上代码chackAllData(ev) {let state2 = ev.target.checked; //拿到一个状态进行判断this.checkDataList = []; //声明的数组为空if (state2) {this.checkDataList = this.modifyData.map((o) => o.serviceId);}//把
2020-08-17 19:18:10
467
原创 vue不使用多选框 进行多选 全选
1.多选1-1:首先我们要再data声明一个空数组1-2：使用includes() 方法用于判断字符串是否包含指定的子字符串。1-3：去判断该数组里面是否含有这条数据的id 有就删除 没有就添加2.全选声明一个变量 根据他的状态去做全选的判断3.监听该数组的变化watch:{arrData(a) {this.arrData.length === this.tableData.length && this.tableData.length;if (this.ar
2020-08-17 19:08:09
339
2
原创 vue的keep-alive
1.keep-alive主要用于保留组件状态或避免重新渲染。2.注意， 是用在其一个直属的子组件被开关的情形。如果你在其中有 v-for 则不会工作。如果有上述的多个条件性的子元素， 要求同时只有一个子元素被渲染。3.keep-alive我们可以放在app.vue里面把router-view包起来 可以实现全部组件的缓存keep-alive还可以指定组件进行缓存例;写在App.vue里面再去router里面在指定的组件添加：{path: ‘/Search’,name: ‘Search’,
2020-06-07 21:25:59
146
原创 动态路由
1，当我们点击不同的列表页 会进入到不同的详情页 此时我们就需要使用动态路由2.跳转的详情页的组件是一个组件 只是携带的参数不同3. 设置动态路由 4 再去列表页进行router-link里面把ID传进去5.最后去详情页进行接收 接收放在created去接收 例如;created() {this.productId = this.$route.params.id;console.log(this.productId);}...
2020-06-07 14:19:36
121
原创 vue问题总结
1.关于新增和修改的弹窗 当我点击修改时值会 回显 ，当我再点击新增时 只会保留之前的值这时 我们只需要点击新增时把数据赋为空即可。关于vue的监听问题例如：res.forEach((item, index) => { ****item.isOpen = true;******我在这里添加一个isopen vue可能会出现监听不到的现象** item.number = 0;`` this.fwdqInfoData.push(item);`` item.children.forEach(v
2020-06-04 23:54:51
127
原创 vue 非父子组件传值
1.非父子组件传值 使用bus进行过度 创建bus.js里面放置只需放置下面两行代码：import Vue from ‘vue’export default new Vue()2.要传值的页面引入bus.js再mounted里面使用**Bus.$emit(‘val’,要传的参数)**进行传值3.再接收的组件也要引入bus.js 再mounted里面使用**Bus.on（）∗∗接收例如：Bus.on（）**接收例如： Bus.on（）∗∗接收例如：Bus.on(‘val’, (data) =&
2020-05-31 16:12:48
339
原创 rem px em 的关系
1.px像素相对长度单位。像素px是相对于显示器屏幕分辨率而言的2.emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 3.rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避
2020-05-30 21:24:48
162
原创 vue 父子传值
关于子组件向父组件传值 控制弹出的## 标题显示加粗样式1.当子组件通过this.$emit（参数）向父组件传值时 父组件要去接收2.子组件传值 父组件接收3.给事件进行设置这样就能控制子组件的显示隐藏...
2020-05-16 00:20:09
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人