自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 【学习总结】wangeditor插件使用

wangeditor插件的使用

2022-10-19 17:54:35 1591 1

原创 《学习总结》fullcalendar插件

fullcalendar使用,fullcalendar中增加事件点击弹窗

2022-10-15 00:04:49 1566 2

原创 《学习总结》引导页Driver.js的使用(显示fixed固定定位的元素)

Driver.js使用在fixed的元素上

2022-09-07 10:04:36 1600

原创 《学习总结》vue2与vue3的区别

vue2和vue3的区别,以及vue3中将setup放在script不同位置的区别

2022-09-01 18:21:24 455

原创 《学习总结》天地图

国内比较常用的地图api开发平台大概就百度、高德、谷歌、天地图了其中百度、高德、谷歌都要收费,天地图完全免费天地图用的是CGCS-2000坐标系,与WGS84坐标系都是地心坐标系,相差不大。高德采用的是GCJ-02坐标系,也就是再WGS84坐标系上进行了一次加密得到的坐标系百度采用的是BD-09坐标系,是在GCJ-02上再进行了一次加密得到的。.........

2022-08-05 15:50:11 4261 1

原创 《踩坑记录》项目中引入了wangeditor组件报错

项目场景:团队开发中,同事引入了wangeditor富文本编辑器,项目使用的版本如下"vue": "^3.2.13", "@wangeditor/editor-for-vue": "^5.1.11",问题描述其他同事都没问题,但是到我这的时候就报错了,提示文件找不到。。重新下载依赖也没有任何变化 原因分析:提示:这里填写问题的分析:看上面的报错信息,显然是和这个wangedtior依赖有关系,于是顺着这个路径找下去,发现确实是没有相关的文件,但是无论怎么重新...

2022-05-31 15:26:17 3833 4

原创 《踩坑记录》antdesign的可编辑表单没有编辑效果

深渊巨坑,(也可能是我用的不对。。。)需求需要使用到一个可以编辑的表单,最初的效果需要类似下图鼠标放上去之后可以点击点击单个单元格(虽然后面又改了。。),就与antdesign的效果几乎一致,果断使用这个,但是发现无论怎么改都没有编辑按钮出现,甚至直接照搬都用不了。非常搞心态。然后观察代码以及对比网上大佬自己写的可编辑表单,发现似乎是缺少插槽。这个bodyCell也不知道是哪来的,反正给出来的代码是没有的,于是决定给clumn中加上插槽,slots:{customRender:'remark

2022-05-25 11:21:01 1916 4

原创 《踩坑记录》vue3关于请求返回数据不刷新问题

前提:第一次接触vue3+ts的代码写法,本次错误是由于接收请求返回的变量声明方法不对,导致变量不是响应式的,虽然可以在控制台中打印出来,但是不会进行视图更新。export default { components: { }, setup() { let tabData = [] //错误的写法 封装的请求方法({ 传入的参数 }).then((res) => { tab

2022-05-16 19:51:16 1834

原创 《踩坑记录》后端返回的时间格式转换

需求:修改国际时间为年-月-日格式 改之前:2022-05-17T01:14:21.618Z 只需要在methods中加一个函数methods: { time_data (date) { var d = new Date(date) var resDate = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() return resDate } },

2022-05-09 11:05:07 590

原创 《小坑》微信小程序原生开发点击按钮切换显示隐藏无效

在尝试随便写一些简单的代码熟悉微信小程序的代码写法时,发现一个简单的点击按钮切换一个变量的值,然后根据这个值作为wx:if属性的值切换显示隐藏时,虽然变量的值改变了的但是页面并没有变化。代码如下:<!--index.wxml--><button bindtap="mess">点击</button><block > <view class="dis" wx:if="{{dis}}"> 1111 </view>

2022-04-19 15:47:53 694

原创 (学习总结)微信小程序开发WXML

因为对Vue比较熟悉,所以会结合vue对微信小程序的语法进行理解微信小程序开发使用的是WXML(与html同作用)和WXS(与JS同作用)微信官方文档入口WXML语法参考一、数据绑定1、在页面上展示内容:<view>{{ message }}</view>Page({ data:{ message:'Hello' }})展示效果为:2、通过变量控制组件属性(需要在双引号之内)<view id="{

2022-04-18 18:04:33 3386

原创 (学习总结)Vux2.x总结

一、模板语法<p>{{ number + 1 }}</p>//当number的值为1时,显示为2<p>{{ ok ? 'YES' : 'NO' }}</p>//三元运算符,ok为true时,显示YES,为false时显示NO<p>{{ message.split('').reverse().join('') }}</p>//当message="hello"时,//split('')切割为数组['h','e','l',.

2022-04-15 11:34:57 907

原创 (学习总结)使用vuei18n实现语言切换

目录结构vueI18n.js配置文件en.json/zh.json 英语文件/中文文件en.json{"language":"Chinese",}zh.json{"language":"中文"}配置文件//详细配置信息查看i18n官方文档import Vue from "vue";import VueI18n from "vue-i18n";import zh from "./zh.json";import en from "./en

2022-04-13 11:08:19 1123

原创 (学习总结)vue组件之间传值方式

需要将值传出的组件<组件名 :接收值的变量="传出值"></组件名>接收值的组件data(){}props:["接收值的变量"],或props:{接收值的变量:数据类型},使用:index.vue中<d-input :name="myname"></d-input><script>export default{data(){myname:xxx;}}</script>

2022-04-13 09:21:00 1036

原创 《踩坑记录》v-model绑定数据能显示不能修改

使用v-model绑定了数组中的值,输入框内能够显示数据,有光标显示,但是删除或者修改的时候就会报错看到报错信息大概是属性是空的,无法读取arr,但是看控制台输出是能够输出值得,尝试过将所有属性都进行了定义但是修改时还是报错,查看浏览器的vue插件里面的值是有的,但是删除只能删掉最后一个字,再删就恢复了,但是是为啥始终搞不懂,最后终于查到了v-model里面是不能用this.绑定的之后就能够正常修改了,尝试分析了一下,v-model的语法糖是v-bind:val.

2022-03-14 15:35:09 3370 1

原创 《踩坑记录》Vuex使用

vuex需要与vue版本对应,vue2.0+使用vuex3.0+,vue3.0+使用vuex4.0+,vue2.0+使用vuex4.0+会报错使用:首先在main.js同级创建一个store文件夹,然后存取、修改共享数据需要index.js入口文件,action.js、mutations.js三个文件index中就类似于定义变量mutations中action中于mutations类似然后在main.js中导入然后就可以在组件中将数据存进.

2022-03-10 13:46:42 128

原创 《踩坑记录》运行项目提示Node Sass version 7.0.1 is incompatible with ^4.0.0.

使用的版本"vue": "^2.6.10",Node.js v14.10.1.node sass 和sass-load忘记了然后运行项目提示Node Sass version 7.0.1 is incompatible with ^4.0.0.然后执行npm uninstall node-sassnpm i -D sassnpm run dev

2022-02-20 11:07:48 1098

原创 《踩坑记录》nginx反向代理后,后端接口404

配置完nginx.conf文件后,访问项目,页面能够打开,但是只能拉到静态数据,访问后端接口的请求404,网上找了许多方法,有加host头的,有改api的,几乎网页上能搜到的方法都尝试了,一直都是404,无意中瞄了一眼好像别人的代码似乎多了一个换行,想起好像在哪看过说配置文件空格缩进换行都挺严格的,不然就试试吧,结果重启nginx之后就能访问到了。。。之后再删掉这个空格,然后去其他浏览器也能访问。。就离谱...

2022-02-18 19:51:38 4767

原创 《踩坑记录》nginx重启提示被占用

好像一开始是改了nginx.conf的配置,然后使用systemctl restart nginx就会提示网上说是80端口被占用了,然后按步骤就是用netstat -ntpl查80端口的占用情况然后killnginx对应的进程之后就可以重新nginx启动了不知道总是这样启动有没有什么不好的影响。。。...

2022-02-18 11:49:40 1303

原创 《踩坑记录》服务器部署项目

filezilla的地址需要通过以下命令配置,如果是新手在配置ftp服务器优先看自己购买的服务器上的操作文档,我是腾讯云购买的服务器,先是看了阿里的,然后就误删啥代码,搞了大半天最后还是删了nginx之后重新配置了,误删真的很致命。。。sudo chown -R ftpuser:ftpuser /var/ftp/test改完配置需要重启一下nginx,否则怎么改都可能没效果。。命令 nginx -s reloadIP地址显示的内容在 /etc/nginx/nginx.conf配置,可以通过v.

2022-02-17 00:22:38 1211

原创 《踩坑记录》部署项目登录服务器使用密钥

服务器是腾讯云的轻量级应用服务器几十一年用Windows的命令提示符管理员身份打开用密钥对连接服务器ssh -i 密钥在本地的地址 root@服务器ip地址提示错误@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: UNPROTECTED PRIVATE KEY FILE! @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@Per...

2022-02-16 10:24:24 248

原创 《踩坑记录》使用e.lement-ui ,pagination插件用法报错

使用element-ui 中的pagination插件,添加pageSize属性,官网上是用page-size,但是会报错,得使用pageSize才行,而且动态赋值得用v-bind绑定,赋值需要为变量

2022-01-10 21:59:45 384

原创 《踩坑记录》使用element-ui@2.15.6,全局配置后首页出现一个info弹窗

使用element-ui@2.15.6的插件,尝试使用官网的一个方法,把它变成可以全局使用,参照官网的语句,在main.js中引入了,然后用vue.use(Message)声明。发现在首页会弹出一个message.info没有内容的弹窗,也没有报错和其他的提示先去查了对应的vue文件,没发现问题,然后又去查了返回值,确实是可以返回正确的结果,又看了main.js,都没问题,然后尝试把vue.use(Message)语句删了,就正常了,仔细看了官方文档,message应该是不需要用vue.use(Mess

2022-01-09 07:40:59 972

原创 《踩坑记录》因为粗心导致的购物车页面选择框各种无效问题

跟随学习资源编写的电商网站,做到购物车页面。动态绑定以及功能不熟悉,从视频中学习之后开始自己的代码。结果一直从四点多忙活到现在才完成。。。。首先是click写成cilck导致勾选单件商品没有反应。功能逻辑正确应该是使用if语句先判断第二个参数传入的是“+”还是“-”,然后再各自分出if语句和else语句,if语句判断是否只有一个商品或者是超出库存,else语句执行正常的加减。我按照我的理解写成使用if语句判断传入是"-"执行判断是否最后一个,不是的话减一个商品,是的话弹出提示;然后else if语句判断

2022-01-08 00:04:55 340

原创 《踩坑记录》vue中使用swiper@7.4.1,css文件引入失败

在vue项目中使用了swiper@7.4.1,完成了依赖下载导入、使用的语句都没有问题,导入css的语句复制了官网的,但是一直报错,把样式引入识别成引入依赖了To install it, you can run: npm install --save swiper/css上网查了各种方法尝试之后都没有效果,代码都快一个字符一个字符检查了,最后顺着样式引入的路径查了一下,发现没有swiper.css,只有文件swiper.min。css。。。以下是官网的样式引入语句import 'swi.

2022-01-06 17:57:26 1804 1

原创 《踩坑记录》Vue导入sass-loader@8.0.2与node-sass报错

使用的版本:"vue": "^2.6.10""vue/cli": "^3.0.4"首先导入了node-sass最新版本,再导入sass-loader最新版时提示出错,忙活一上午都没有解决,尝试了更换vue版本、node.js版本等等都没有效果,最后找到一个说是sass-loader@8.0.0版本已经不需要导入node-sass,只要sass就可以了,尝试之后果然可行,那位大佬的文章没有保存地址。。。之后找到会转到评论。。。...

2022-01-06 17:40:45 2216 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除