- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue中在一个全新的项目使用多语言国际化
实现elementUI中英文切换功能，感受中文切换的效果 注意： vue-i18n现在有了一个新版本，对应的api有些不兼容，请还是使用8.22.2这个版本!创建src/lang/index.js 在main.js中挂载 i18n的插件 实现效果 在src/lang/index.js中手动修改locale属性，改成zh 或者 en或者 ja 查看确定框取消显示 目标： 上面是通过配置让ElementUI组件库内部支持了多语言配置，下面介绍一种自定义的内容部分，在项目中使用自定义中英文配置自定义语言配置
2022-06-16 22:56:04
217
原创 vue图片上传组件-封装浅析
前端主动发起图片上传使用的是三方的腾讯云上传接口，前端得到一个已经上传完毕的图片地址，然后把这个地址当成一个接口字段 传给我们自己的后端服务点击响应本地文件的选中框，选中图片会将图片上传到腾讯云上。父组件里面的子组件UploadImg用v-model指令实现父子组件的数据通信，v-model指令相当于给子组件内部传了一个value的属性以及一个input的事件；而在子组件UploadImg里面调用this.$emit(‘input’,从腾讯云获取的图片地址)发送给父组件，从而回显到页面上...
2022-06-14 22:49:43
328
原创 三分钟带你深入了解深拷贝和浅拷贝
拷贝的是地址。修改拷贝后的数据，对原数据有影响，两个对象指向同一个地址在JavaScript中，存在浅拷贝的现象有：拷贝的是数据。修改修改后的数据,对原数据没有影响，两个对象指向不同的地址在JavaScript中，存在深拷贝的现象有：...
2022-06-14 21:55:12
138
原创 数组的常用方法总结
将数组转化成字符串，每一项元素用逗号隔开 split() 将字符串转化为数组，括号内的参数为分隔符。 二、Array.join() join() 方法接收一个参数，即字符串分隔符，返回包含所有项的字符串 三、Array.shift() shift()方法用于删除数组的第一项，同时减少数组的length 值，返回被删除的项 四、Array.reverse()和Array.sort() reverse() 数组的反转，会改变原数组 sort() sort()方法接受一个比较函数，用于判断哪个值应该排在前面 五、
2022-06-12 16:27:34
1619
原创 三种手撕数组转树的方法
问题:如果后台给了一个这样的数据说让前端自己去转换为树形结构或者面试官给你一组这样的数据让你手写一个转换方法，你会怎么处理? 1、Map对象实现 2、filter实现 3、递归实现 未完待续:树形结构转换为数组...
2022-06-10 23:17:44
202
原创 Vue中那些你似曾相识的修饰符
注意：self是阻止自身不执行冒泡触发，不会阻止冒泡继续向外触发；stop是从自身开始阻止冒泡不向外触发。所以self一般用在父元素上。stop一般用在子元素上； 不要把.passive和.prevent一起使用,因为.prevent将会被忽略，同时浏览器可能会向你展示一个警告。请记住，.passive会告诉浏览器你不想阻止事件的默认行为。 --vue官方文档这些修饰
2022-06-08 19:51:53
84
1
原创 v-model和.sync的异同点
以上代码等价于 .sync修饰符的原理 父组件 子组件 以上代码等价于 v-model与.sync的异同点 相同点:都是语法糖，都可以实现父子组件中的数据的双向通信。区别点： 1.格式不同。v-modal=“num”, :num.sync=“num” 2.:a.sync @update:a 3.v-model只能用一次; .sync可以有多个。特别说明：在vue3中 v-model可以使用多次，.sync删除了.........
2022-06-07 23:15:33
365
原创 前端跨域及其解决方案
出现跨域报错 在login页面上，点击登录，查看后端的服务器的反应:后端能收到请求，但是前端网页上出现了跨域报错; 如何判断跨域请求跨域请求报错的原因跨域-Vue-Cli配置代理转发通过配置vue-cli请求代理解决开发环境下的跨域问题vue-cli解决跨域配置说明 在vue-config.js配置文件中的devServe里配置...
2022-06-06 11:10:40
465
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人