m0_47408822的博客

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

a标签是一个经常使用的标签，今天他们提出一个需求，点击同一个a标签，只打开一个新的窗口，我之前没这样写过，又看了一遍a的属性，发现target是可以提供名字的，我之需要把url写到target里面就可以记录一个 不喜勿喷...

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'; //

vue3新增加了一个setup函数，这个函数是在beforeCreate前面执行的，而且setup还能接收2个参数，一个是props一个是 centext,注意setup中this是undefind,再setup中我们不需要使用this，vue3声变量不需要想vue2一样再data里面去声明 ，我们直接再setup这个函数里面去声明就可以，注意再setup里面声明变量有2个方法 一个是通过ref (ref定义的是基本类型的数据) 一个是reactive (reactive 可以定义不同类型的数..

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') /

var arr2 = document.getElementsByName('textfiled');//获取dom中的input for (let a = 0; a < arr2.length; a++) { arr2[a].addEventListener('input', this.getList);//给每个input添加事件 }

今天遇见使用vue遇到一个问题 ，当我给div添加loading的时候 出现了一个问题 ：当我切换每页展示的数量时 页面渲染的时候 闪一下 数据就消失啦 ，当我把loading去掉之后 ，这个问题就消失啦 ，在这里记录一下，具体原因，目前不清楚 哈哈哈...

在开发当中我们不可避免的会使用到富文本编辑器 富文本编辑器插件又是很多小编经过尝试感觉Tinymce还是不错的在使用中遇到啦关于图片插入的问题 这里就记录一下 希望能帮到有需要的小伙伴在Tinymce的配置项中插入images_upload_handler 这个配置项是针对用户对图片自定义处理的 我们可以自己写一个函数images_upload_handler: (blobInfo, succFun, failFun) => { //前台读取文件

大部分的开发人员 保存代码使用的都是git 对于初学者可能感觉不是太清晰 我们今天把git的使用说明一下1.git init 初始化2.git remote add origin 远程仓库的地址3.git pull origin master 本地推送到远程仓库4.git push -u origin master 把暂存到本地仓库的代码 推送到远程仓库上面的操作是你仓库已经存在的前提下如果没有仓库 我们需要再Git上创建一下仓库 然后进行绑定就可以啦...

当我们创建一个 vue项目 启动项目的时候想让项目自动打开项目自动打开：再confing文件夹下面的index下面module.exports里面加上autoOpenBrowser: true,就可以使用本地id打开的话 再webpack.dev.conf.js下面devServer.useLocalIp就可以啦...

过不同的命令，打包调用不同环境的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

对于动态菜单的生成 想必大家刚开始也都是比较头疼的 我这段时间这好在写这 和大家分享一下本人的经验对于动态菜单首先就是路由的配置第一步路由的配置 网上还是很多的 我就不再见绍第二步就是在 permission.js里面就行配置if (hasToken) { if (to.path === '/login') { // if is logged in, redirect to the home page next({ path: '/' }) NProgr

这是小编创建远程仓库后 把本地的代码向远程推送的时候 一直报这个 ：后来发现这是本地的代码和远程仓库的代码不一致导致的 使用git pull --rebase origin master 完美解决

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:

关于vuex的存取知识点1.VueX是适用于在Vue项目开发时使用的状态管理工具 试想一下，如果在一个项目开发中频繁的使用组 件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。所以我 们将需要使用到vuex2.首先是vuex的存 this.$store.commit(‘事件名’,存的值) 取vuex的值:this.store.state.currDbSource3 我们存值得时候到store里面的同步赋值里面填写： setIsDelete

使用多选框进行多选 全选1.声明一个数组 绑定v-model 上 再去watch里面监听他就可以实现单选 多选2 全选的话 直接上代码chackAllData(ev) {let state2 = ev.target.checked; //拿到一个状态进行判断this.checkDataList = []; //声明的数组为空if (state2) {this.checkDataList = this.modifyData.map((o) => o.serviceId);}//把

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

1.keep-alive主要用于保留组件状态或避免重新渲染。2.注意， 是用在其一个直属的子组件被开关的情形。如果你在其中有 v-for 则不会工作。如果有上述的多个条件性的子元素， 要求同时只有一个子元素被渲染。3.keep-alive我们可以放在app.vue里面把router-view包起来 可以实现全部组件的缓存keep-alive还可以指定组件进行缓存例;写在App.vue里面再去router里面在指定的组件添加：{path: ‘/Search’,name: ‘Search’,

1，当我们点击不同的列表页 会进入到不同的详情页 此时我们就需要使用动态路由2.跳转的详情页的组件是一个组件 只是携带的参数不同3. 设置动态路由 4 再去列表页进行router-link里面把ID传进去5.最后去详情页进行接收 接收放在created去接收 例如;created() {this.productId = this.$route.params.id;console.log(this.productId);}...

1.关于新增和修改的弹窗 当我点击修改时值会 回显 ，当我再点击新增时 只会保留之前的值这时 我们只需要点击新增时把数据赋为空即可。关于vue的监听问题例如：res.forEach((item, index) => { ****item.isOpen = true;******我在这里添加一个isopen vue可能会出现监听不到的现象** item.number = 0;`` this.fwdqInfoData.push(item);`` item.children.forEach(v