- 博客(34)
- 收藏
- 关注
RSS订阅原创 uniapp 手机号授权登录 微信低版本兼容问题
uniapp 微信小程序手机号授权登录 微信低版本兼容问题。phoneCode为undefined
2022-12-15 12:58:54
591
1
原创 antd vue form model 部分表单验证
const validatePropList = ['topic', 'examQuestionBankId', 'instruction', 'difficulty', 'analysis', 'emphasis' ]; const validateErrMsgList = []; this.$refs.form.validateField(validatePropLis...
2022-03-01 11:33:43
754
原创 antd vue 表格合计行
totalRow(data) { //data 后台数据 if (data[0].columnTotalVoList != []) { if (data[0].tableDataVoList.length == 0) { return false } //code 表格需要的rowkey let code = Number(data[0].tableDataVoList[.
2022-02-17 11:52:42
765
原创 antd vue 动态创建表头
//动态创建表头 createTableHeader(data) { let titleHeader = data[0];//data 后台数据 titleHeader.tableDataTotalVoList.map((item, index) => { const obj = { title: item.title, align: 'left', childr..
2022-01-04 11:44:52
1223
原创 antd vue 初始表头、列显示隐藏
data() { return { columns: [], defColumns: [], } },methods:{//初始表头、列显示隐藏 根据自己的需要去改 columnsa() { this.columns = [{ title: '', children: [{ title: "", key: 'rowIndex.
2022-01-04 11:39:44
1438
原创 antd vue 越过登录直接跳静态页面
1、src/config/router.config.js 文件下创建路由2、src/permission.js 白名单里面添加新创建的那个页面路由或者注释掉router.beforeEach里的if else判断，加上next()，则越过登录3、改变下面两个文件的路由...
2022-01-04 11:27:29
1169
原创 antd vue 表格纵向合并
1、method里面combineRow(key) { // debugger const dataSource = this.dataSource for (var i = 0; i < dataSource.length; i++) { const item = dataSource[i] let count = 1 for (let j = i + 1; j < dataSo.
2021-10-20 17:03:14
402
转载 js使用canvas压缩图片
//压缩图片 Compresspicture(file){ return new Promise((resolve,reject)=>{ let r = new FileReader(); //本地预览 r.readAsDataURL(file) r.onload = function(){ let src=r.result const img = new Ima...
2021-10-08 09:31:23
231
转载 js数组取差集
//数组取差集 arrDifferenceDet(arr1, arr2) { var set1 = new Set(arr1); var set2 = new Set(arr2); var subset = []; for (let item of set1) { if (!set2.has(item)) { subset.push(item); } } retu...
2021-09-30 15:24:07
1229
转载 JavaScript数组数据转为树结构数据(treedata)
ArraytoTreedata(arr,mid, pid,topPid) { //arr：json数组，mid：当前元素id，pid：父级元素id，topPid：顶层元素id let menuObj = {} arr.forEach(item => { item.children = [] item.label=item.orgName menuObj[item[mid]] = ite...
2021-09-30 15:21:46
228
转载 vue-amap 定位和逆解码
1.安装：npm install vue-amap --save2.main.js引入：import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: 'key',//自己申请的key plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.Geocoder','AMap.Geolocation'], v: '1
2021-09-30 15:18:36
581
转载 PM2 Node 应用进程管理器
1、 pm2需要全局安装npm install -g pm22、进入项目根目录2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js2.2 重命名进程/应用 pm2 start app.js --name wb1232.3 添加进程/应用 watch pm2 start bin/www --watch2.4 结束进程/应用 pm2 stop www2.5 结束所有进程/应用 pm2 stop all2.6 删除进程/应用 pm2 de
2021-09-30 15:16:26
207
转载 vue中使用swiper
1.下载cnpm install swiper2.引入swiperjs：在script标签中引入swiper模块 import Swiper from "swiper"css：在style标签中引入swiper的css@import url("../../node_modules/swiper/css/swiper.css");3.使用：html部分：<template> <div class="index myindex"> &l
2021-09-30 15:13:34
27146
5
转载 vue中正确使用jquery
1.下载安装npm install jquery --save2.webpack.base.conf.js中修改配置2.1.webpack.base.conf.js最顶部引入var webpack = require('webpack')2.2.webpack.base.conf.js中module.exports添加一段代码//原有代码 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue
2021-09-30 15:10:33
1017
转载 webpack初级入门教程（二）
1.在根目录创建一个pages文件夹，再在pages文件夹里面创建模块，如下图所示2.再到webpack.config.js中配置js打包模块的入口和打包后的资源存放路径entry:{ // 配置多个入口 index:"./pages/index/index.js", login:"./pages/login/index.js", person:"./pages/person/index.js", }, output: { path: path.join(__dirna
2021-09-30 15:05:03
343
转载 webpack初级入门教程（一）
1.前提条件检测电脑是否安装node环境、npm、cnpm检测：node：node -vnpm： npm -vcnpm：cnpm -v2.安装环境2.1安装node环境：双击node安装包2.2node环境安装完了以后再次检测node -v、npm -v2.3安装cnpm（淘宝镜像）npm install -g cnpm --registry=https://registry.npm.taobao.org2.4检测cnpm -v3.安装全局webpackcnpm install w
2021-09-30 14:59:36
110
转载 webpack安装
1.安装 在全局下安装：npm install webpack -g 安装指定版本：npm install webpack@<version> -g 例如：npm install [email protected] -g 安装4.8.3版本的，node也是最新的npm，一做项目就出现错误，这是因为4.*.*版本以上还需要安装另外一个东西（webpack-cli），具体的可去webpa...
2021-09-30 14:49:13
311
转载 MySql配置环境变量
完成后安装好MySQL，为MySQL配置环境变量。1、在 我的电脑（计算机） 上点击右键选择属性--》高级系统设置--》环境变量2、新建MYSQL_HOME变量，并配置:E:\mysql\mysql-5.7.27-win32（你的文件解压的地方）MYSQL_HOME：E:\mysql\mysql-5.7.27-win323、编辑path系统变量，将%MYSQL_HOME%\bin添加到path变量后。...
2021-09-30 14:46:18
984
转载 32位、64位mysql安装使用
1、下载 MySQL :: Download MySQL Community Server1.1、64位1.2、32位2、安装：把刚刚下载下来的压缩包解压到相应的目录，我解压到E:\mysql\mysql-5.7.27-win32中的3、配置mysql配置文件在E:\mysql\mysql-5.7.27-win32中新建my.ini 编辑如下配置信息，my.ini需要以ANSI格式编码，不然后面会报错[mysql]...
2021-09-29 15:03:40
3195
1
转载 安装Git和安装小乌龟TortoiseGit----汉化
1、首先去Git - Downloading Package下载和自己电脑相同位数的Git安装包（32位电脑下载32位的安装包，64同理）2、再去Download – TortoiseGit – Windows Shell Interface to Git下载和自己电脑相同位数的TortoiseGit安装包和TortoiseGit-LanguagePack语言包（32位电脑下载32位的安装包，64同理）3、先安装Git-2.22.0-32-bit.exe,再安装TortoiseGit..
2021-09-29 14:33:16
808
转载 vue项目兼容IE浏览器
1、安装babel-polyfillnpm install babel-polyfill --save-dev2、main.js中引入import 'babel-polyfill'3、webpack.base.conf.js文件里修改代码如下module.exports = {entry: {app: ["babel-polyfill", "./src/main.js"]},4、若未解决就说明是项目里插件的问题比如：vuex可持久化插件，检查项目中各个插件是否是es6..
2021-09-29 14:27:13
545
转载 vue 路由发生变化修改页面title
在main.js中写router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } next()})router文件中export default new Router({ mode: 'history', routes: [{ path: '/', name: 'Index',
2021-09-29 14:19:26
430
转载 vue中使用echarts,echarts-map:echarts画地图
1、首先安装：cnpm install echarts --save2、然后main.js引入（也可以组件内引入）// 引入ECharts图表公共组件import echarts from 'echarts'Vue.prototype.$echarts = echarts3、再然后我们来画个折线图，长这个样子，单纯的折线图哈3.1、接下来是折线图的代码<template><div ref="orgOptionsline" :style="{width:'..
2021-09-29 14:11:46
1744
转载 vue中使用tinymce富文本编辑器，插入图片
1.安装# npm install tinymce -S2.把node_modules\tinymce里面的文件 包括tinymce文件夹 全部复制到static文件夹下面3.在mian.js中引入tinymce（也可以在组件中引入）import Tinymce from 'tinymce'Vue.prototype.$tinymce = Tinymce;4.完整代码<template> <div class="SEditor"> ...
2021-09-29 11:39:02
2359
原创 vue 不需要登录直接跳转
1、在 router->index.js里加入新的路由，地址指向到要跳转的页面，找后端讲明需求（执行点击跳转到需要的页面）例如：constantRouterMap里加上这句 {"path": '/cyrjxz', "name": 'cyrjxz', component:()=>import(/* webpackChunkName:"login" */ "@/views/fzbg/szfswgl/cyrj/cyrjlist" ) },2、将新增的路由名字加入premission....
2021-09-29 10:25:15
7217
原创 vue访问本地静态资源文件
1、页面内<ul class="xzlb"> <li v-for="(item,index) in manualList" :key="index" @click="downManual(item,index)"> <p>{{item.fileName}}</p> </li></ul>export default {data() {return {man...
2021-09-29 10:16:40
6826
原创 Vue去重
RemoveDuplicates(obj) { this.fjLists = [] const res = new Map(); this.fjLists = obj.filter((item) => !res.has(item.id) && res.set(item.id, 1))}this.RemoveDuplicates(列表数组)
2021-09-29 10:12:16
79
转载 Vue怎样遍历NodeList对象,this.$refs.XX.$el
this.$refs.XX.$el.querySelectorAll('.类名') //一定要是querySelectorAll方法案例如下：会议内容提示文字显示隐藏问题watch: { 'ruleForm.chrchrhynr': function(val) { let hynrx = this.$refs.hynrx.$el.querySelectorAll('.el-form-item__error') hynrx.forEach((item,...
2021-09-29 10:11:08
872
原创 vue项目打包及修改路径
打包命令：cnpm run build路径修改：1.config-->index.js 2.找到paths的最后行，把原来的“/”改为“./”
2021-09-28 17:37:52
2489
转载 网络图片403
解决办法：在<head></head>里面加上<meta name="referrer" content="no-referrer" />
2021-09-28 17:29:41
39
原创 原型继承封装
function inherit(son,parent){ // 定义一个空函数 function fun(){} // 把fun函数的原型指向student的原型 fun.prototype=parent.prototype; // 将son的原型构造函数指向新的fun对象,且fun对象的原型此时指向了parent的原型 ...
2021-09-28 17:16:37
43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人