- 博客(30)
- 收藏
- 关注
RSS订阅原创 Vue3在外部js文件获取Vue实例对象中的方法
刚开始想用getCurrentInstance 获取 发现这玩意只能写在setUp里面。然后百度发现在外部js文件只能先引入main.js在使用，这里注意要先将app实例导出。这点跟Vue2还是有很大区别。就能获取到实例对象了。
2023-07-06 15:22:53
1799
6
原创 【vue input文本框自动去空格和特殊字符 】全局自定义指令
// main.js 注册一个全局自定义指令 `不允许输入空格&*等特殊字符` 指令：v-filter-special-charVue.directive('filterSpecialChar', { update: function (el, { value, modifiers }, vnode) { try { let a_el=el.children[0] //此处可以debug看看el具体值是什么,这里演示的
2022-01-27 14:30:33
1888
原创 js对象的值是数组 将对象改成数组
难点 obj的key值是动态的 value是数组 长度不固定 obj={ className:[1111,2222], address:['上海','广州'], gender:['male','female'] }改成 arr=[ { className:1111, address:'上海', gender:'male' }, { className:2222, add
2021-11-04 15:18:27
484
1
原创 ant-design-vue table组件修改 选中行背景颜色
<a-table :rowKey=" (row, index) => { return index; } " :pagination="false" :columns="columns" :data-source="data..
2021-09-11 16:30:18
3707
原创 前端 对数据处理常用方法。修改数组、对象的key值
//删除对象中值为空的字段 Object.keys(obj).forEach((item) => { if (!obj[item]) delete obj[item]; if (obj[item] == "") delete obj[item]; }); return obj; },//枚举obj key value for (let [key, value] of Object.entries(obj)) {..
2021-09-11 15:53:34
1317
原创 js判断字符串下划线个数
var str="___2134124512_"; var a=str.length; var str1 = str.replace(/\_+/g,"") var b=str1.length; var _length=a-b; console.log(_length)
2020-12-17 16:39:25
860
原创 mac 安装homebrew 、yarn
一、安装homebrew执行命令/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"到这就说明安装成功了卸载homebrew/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/uninstall)"二、安装yarn如已安装homebrewbrew
2020-07-13 12:02:43
429
原创 微信公众号开发 微信支付 本地联调jssdk 提示系统错误，错误码：63002,invalid signature
需求：公众号网页调用微信js-sdk完成微信支付遇到的问题：无法在本地进行联调通过微信的官方文档可以看到要在项目里调微信的api首先是需要在公众号设置里绑定安全域名的,然后需要将当前网页的URL，不包含#及其后面部分,传给后台生产wx初始化签名signature,等权限配置，才能够调起jsapi那么我们来看一下实现步骤吧第一步通过npm 引入npm install jweixin-...
2020-04-28 15:55:04
16563
3
原创 vue 重新渲染组件 重置组件状态
方案一：v-if（可以重置生命周期）当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<template> <third-comp v-if="reFresh"/></template> <script> export default{ data(){ ...
2020-04-13 13:59:42
1340
原创 uniapp 前端优化、打包优化
在cli创建uniapp之后打包体积太大，通过开启webpack摇树优化可以大大减少包的体积 开启前5m 开启后只有500kb,首屏加载时间大大缩短代码在manifest.json中增加这么一段"h5" : { "optimization":{ "treeShaking":{ "enable":true //启用摇树优化 } ...
2020-04-02 18:21:01
3176
原创 uniapp 更改输出目录，自定义打包目录
在用uniapp打包项目到生产服务器的时候每次都会多生成两个二级目录。导致静态资源访问出现一些问题。但是官方文档上vue.cofig.js中修改webpack配置outputDir这种方式是不支持的。最后发现需要在package.json打包命令中增加这么一句 UNI_OUTPUT_DIR=你的指定目录...
2020-04-02 09:59:37
11584
5
转载 nginx配置属性说明
nginx配置属性说明 复制代码#全局设置main # 运行用户user www-data; # 启动进程,通常设置成和cpu的数量相等worker_processes 1;# 全局错误日志及PID文件error_log /var/log/nginx/error.log;pid /var/run/nginx.pid;# 工作模式及连接数上...
2020-03-25 16:49:45
191
原创 Vue 如何监听session值的变化
如何监听session值的变化首先在在main.js给Vue.protorype注册一个全局方法//main.jsVue.prototype.resetSetItem = function (key, newVal) { if (key =='collapse') { // 创建一个StorageEvent事件 var newStorageEvent ...
2020-01-18 11:29:45
5589
1
原创 element ui实现下拉框远程搜索，请求后台获取数据并展示下拉内容
element已经给我们提供了此方法，需要在el-select中绑定几个属性即可通过remote-method来实现实时发起搜索请求 <el-select v-model="searchByName" filterable placeholder="请输入企业名称/姓名" remote...
2019-12-18 16:20:01
5030
3
原创 nginx启动报错：nginx: [error] open() "/var/run/nginx/nginx.pid" failed (2: No such file or directory)
修改 nginx.conf 文件，指定 pid文件在 /usr/local/nginx 目录下创建 logs 目录：mkdir /usr/local/nginx/logs再次启动nginx服务 问题解决
2019-11-15 22:31:51
118
原创 js forEach switch 循环遍历数组data修改成我们想要的值
在做用户状态启用禁用的时候 element ui里的switch开关 只能绑定布尔值true跟false 但是后台返回的是0 或 1 所以用forEach switch 循环遍历数组data修改成我们想要的值 很方便 // res.data.forEach((item,index)=>{ // switch(item.isDe...
2019-11-12 21:13:31
2187
1
原创 Vue+elementUi获取el-select的值 将el-select 选中的多个值转成一个list提交到后台。
开发中遇到需要将elementUi的el-select 选择器选中的多个值转成 list提交到后台走了一些弯路下面说一下思路。 <el-form :model="form" :inline="true" :rules="rules" ref="roleForm"> <el-form-item label="分配角色" prop="typeId"> <el...
2019-11-01 21:37:28
6534
原创 Vue使用路由守卫 钩子对路由进行权限拦截和跳转
方法很简单 思路就是登陆成功后将服务端返回的用户信息（token,用户名）存到session或者localstorage中，router.beforeEach判断session是否有token值对路由进行拦截跳转，如果没有就定向跳转到登陆页//使用钩子函数对路由进行权限跳转router.beforeEach((to, from, next) => { document.titl...
2019-11-01 14:07:37
1502
原创 Vue全局响应拦截器,请求头加token，错误跳转
这个应该不用多说直接上代码import axios from 'axios';const service = axios.create({ // process.env.NODE_ENV === 'development' 来判断是否开发环境 baseURL: 'http://192.168.50.86:8080', timeout: 5000,})//'sess...
2019-11-01 13:58:00
1713
原创 js 删除数组中重复的对象
有这样一个数组[{permissionId:1},{permissionId:1},{permissionId:2},{permissionId:3}]需要删除数组中重复的对象代码如下 var newArr=[] for ( var j = 0; j < response.data.length; j++ ) { if(newArr.indexOf(r...
2019-11-01 13:47:23
257
原创 elementUi eltree监听当前选中的子节点的值和对应父节点的值并转成list传到后台
<el-tree ref="rootTree" show-checkbox default-expand-all :data="treeData" :props="defaultProps" node-key="menuId" :default-checked-keys="per...
2019-11-01 13:35:48
2251
原创 element ui el tag实现根据状态显示不同颜色标签
<el-tag :type="props.scope.row.delFlg=='0' ?'success':'info'">{{props.scope.row.stats}}</el-tag>element ui el tag实现根据状态显示不同颜色标签这里用了三元表达式通过获取当前行内状态值 动态改变tag颜色最终实现效果这里顺带提一下三元表达式 条件？真...
2019-11-01 13:12:27
11188
4
原创 Vue.js中子组件调用父组件函数
我们在用Vue开发引用组件的时经常会遇到互相调用函数的场景直接上代码子组件通过this.$emit(函数名)的方式来调用父组件里的函数父组件通过@在子组件上绑定一个自定义事件OK 我们来控制台看一下是否调用成功ok调用成功没有问题...
2019-10-25 13:13:53
743
原创 Vue使用axios向后台发送请求的时候，后台接收不到参数
前两天在开发Vue项目中使用axios向后台发送请求的时候，后台接收不到参数。百度了各种解决方法。解决方法：使用qs对参数进行处理，代码如下：import request from '../utils/request';import Qs from 'qs'//tablelistexport const fetchData = (query) => { return re...
2019-09-23 10:54:12
815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人