- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 reactive ref unref isref toRefs customRef shallowRef triggerRef 的详解
vue常用响应式发放梳理详解
2022-08-25 10:23:27
389
原创 v-bind=“$attrs“多层组件传值 按需引入数据 同时附带v-modal绑定值接收
v-bind="$attrs" v-modal=value
2022-05-14 17:21:38
1280
原创 layui表格自定义input提交表单时获取自定义input的值
在layui表格中我们如果想要使用自定义的表单比如：（数字输入框），这时候我们要使用template去自定义表格里面显示表单的内容这时候我们会发现表单虽然可以自定义但是在提交表单的时候里面的值获取不到。我们会发现table自带的text框是可以在提交表单的时候获取到其输入的值：解决思路：我们可以使用逆向思维考虑一下，当我们提交表单获取表格数据的时候发现数据中没有我们自定义的表单字段这个时候我们可以考虑在我们输入的时候拿到输入的值塞到对应表格数据中。具体操作如下：我们首先要给自定义表格input（
2022-03-04 09:39:58
6425
6
原创 结构赋值取值的同时并且修改key值
首先声明一个常量const objs = {a:{b:{c:{d:1}}}}正常我们要通过解构的方式取d值是这样子操作的const {a:{b:{c:{d}}}} = objsconsole.log(d) //输出的是1现在我要要取d的同时需要把d这个k值变成e 可以这样操作const {a:{b:{c:{d:e}}}} = objs //这样的方式当你取值的时候取的不是d了就变成e了console.log(e) //输出的还是1 ...
2022-03-03 16:02:05
145
原创 关于组件异步传值子组件获取不到父组件传递过来值的问题
1.问题描述父组件异步传值给子组件 子组件第一次接收不到在此处我传递了一个listinfos值过去给子组件2.分析问题1.首先异步问题是由数据传递过来组件已经渲染完成（数据更新后 组件没有进行重新渲染）2.其次是要判断是否为异步问题，可以再子组件mounted中写一个延时器 延迟获取一下组件的值（如果定时器里面可以获取到，外部获取不到undefined）则证明是异步问题3.解决问题可以判断一下父组件中这个值是否取到 如果取到再去渲染组件（这样就可以避免组件渲染渲染完成 值未及时更新）
2022-02-23 18:09:12
3372
原创 解决【nginx】和【tomcat】配置相同端口冲突问题
1.问题描述当tomcat启动访问80端口nginx代理的也是80端口会有一个启动不起来显示端口被占用2.解决思路首先需要tomcat配置端口不要和nginx相同 比如nginx代理的是8080端口 tomcat可以配置8099端口然后nginx先要去代理这个8099这个端口 然后再去代理正式的接口地址代码如下location /test/project/ { proxy_pass https://xxxxxxxx/xxxx/; //你要代理的接口地址 }
2021-12-17 16:04:16
5268
3
原创 js 数字相加精度影响
1.bug出现场景let a = 0.1let b = 0.2console.log(a+b) //0.300000000000000042.解决思路首先用Math.round()取整，然后用toFixed保留小数let a = 0.1let b = 0.2let c=a+b //0.30000000000000004let d = c*1000/1000 //0.30000000000000004Math.round(d) //0d.toFixed(4) //0.3000 toFi
2021-12-16 17:22:47
380
原创 阿里云linux部署项目
1.申请阿里云账号购买阿里云服务2.配置安全组3.安装xshell 和 xftp4安装配置java环境变量需要通过xftp 导入jdk安装包 通过执行tar xvf 安装包名称解压到usr/local/java里面配置环境变量命令:vim /etc/profileexport JAVA_HOME=/usr/local/src/jdk1.8.0_171 （根据自己的完整路径修改）export PATH=PATH:PATH:PATH:JAVA_HOME/bin:JAVAHOME/jre/b
2021-12-14 18:05:20
757
原创 vue环境变量配置 解决process.env取值undefind的问题
1.设置环境变量（开发环境，生产环境）在如下图文件中设置环境变量 环境变量设置格式必须为 VUE_APP_XXX生产环境设置的环境变量在打包时候可以生效，开发环境的环境变量在开发的时候可以访问到2.设置完环境变量取值时候会发现undefined,此时我们需要在package.josn中配置打包和启动的模式npm run serve的时候取的是devlopment设置的环境变量num run build 的时候取的是production设置的环境变量当webpack文件更改时 切记要重启项目获
2021-12-14 10:02:35
10852
2
原创 vite循环动态添加img路径
1.用方法调用自动生成可识别的路径 setup() { const getImageUrl = (index) => { return new URL(`../../assets/yjjyTwo/active_${index+1}.png`, import.meta.url).href } const getImageUrls = (name) => { re
2021-12-11 16:10:07
721
2
原创 vite+vant+vue打包部署到tomcat静态资源找不到页面空白问题
1.首先要解决的是静态资源找不到的问题需要在vite.config.js里面配置base的根目录的路径 具体操作如下：此时配置完成之后打包放置到tomcat上静态资源加载成功但是页面还是空白2.需要配置路由basevite是通过传参的方式配置base的此时配置完base后重新打包 启动tomcat 页面出来了 注意：此时的base配置的名称要和你打包后放置到tomcat webapps里面的文件名要对应 比如打包生成的是dist目录你要改成mobile目录...
2021-12-11 16:06:21
2507
原创 vue打包部署到tomcat上 页面空白资源加载不出来
1.首先解决静态资源加载不出来的问题；vue3.0解决办法需要在vue.config.js 添加 publicPath: ‘./’,vue2.0解决办法找到config目录下的index文件 将assetsPublicPath：‘/’改为assetsPublicPath：‘./’做完第一步打包放到tomcat上 静态资源是可以加载出来了 但是页面会出现空白的情况2.需要找到router文件夹找到index.js在里面配置base,这里的路径要和tomcat配置的路径核对上做完第二步 np
2021-12-11 16:00:39
3849
原创 forEach和map的区别
1.forEach返回原数组var arr = [0,1,2,3];arr.forEach((item,index)=>{ return arr[index] = item*2})console.log(arr )//打印的结果 [0,2,4,6]2.map的话返回一个新数组var arr = [0,1,2,3];var list= arr.map((item,index)=>{ return arr[index] = item*3})console.log(list)
2021-09-29 17:06:49
56
原创 今天做layui项目的时候，切换分页的时候我再去点击搜索， 发现 之前点的46页， 搜索后还停留在46页。导致我46页检索出来是空白的。
**问题：今天做layui项目的时候，切换分页的时候我再去点击搜索， 发现 之前点的46页， 搜索后还停留在46页。导致我46也检索出来是空白的。**解决方案 form.on('submit', function (data) { table.reload('tb-zhoubao', { where:data.fileId page: { curr: 1 } })});只需要在table reload的到时候 修改page的curr为1 就可
2021-09-26 17:26:53
78
原创 vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）分析原因1.首先造成传值失效的问题是组件递归后事件传递不到上层。所以造成的问题是在递归组件的第二层里面，监听不到当前事件。出现的现象2.造成的现象是我点击递归出来的子菜单的时候，父级组件拿不到点击获取的值，第一次点击渲染的值可以获取到解决问题的方法1.可以点击的时候将值存储再vuex里面 点击的时候在父级页面获取到vuex里面存储的值弊端：点击完页面刷新后，vuex里面的值会消失，影响页面功能（非必要不选择）；
2021-09-16 10:23:24
7525
6
原创 结构赋值的用法
1.数组的结构赋值let arr = ['1','2','3']let [a,b,c] = arrconsole.log(a) //输出1console.log(b)//输出2console.log(c)//输出32.对象的结构赋值let obj = { name:'jack', age:'18'}let {name,age} = objconsole.log(name) //输出jackconsole.log(age) //输出183.字符串的结构赋值let string
2021-08-06 17:18:14
248
原创 npm发布自己的组件包通过命令的方式生成
npm发布自己的组件包通过命令的方式生成我们的目的是要自己封装一个vue组件，生成一个npm命令，打包发过到npm官网，这里我是对iview的弹窗做了一个二次封装1,首先应该搭建一个vue脚手架，然后写自己的组件； vue create my-project通过index.js把组件引入并且全部注册接下来就是再main.js引入index.js 然后使用2.生成自己的脚手架后需要关联自己的GitHub仓库要执行的git命令如下在这里插入代码片$ git init //初始化git仓库
2021-07-14 09:39:17
372
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人