chuuuu

沃克随笔

Study(13)

/ 注册

全部文章 / 沃克随笔（共17篇）

vue i18n

在表单校验rules时切换 i18n 国际化语言校验规则并为随着系统的语言变化而变化；el-select 下拉框中 el-option 中每一项也并为随着系统的语言变化而变化此时可以通过控制 router-view 的显示与隐藏，重新渲染路由区域，达到页面刷新的效果在App.vue中添加以...

2022-11-30

0 159

vue+axios 以及国际化的问题

问题描述：在封装axios的request.js文件中设置国际化访问到正常情况下的 this.$t('xxx.xxx')，但是在实际中 request.js 访问不到vue的vm实例（也就是this指向为undefined）解决方案： 1、在 main.js 中将 Vue 实例导出 ...

2022-10-18

0 360

webpack-devServer 解决跨域

... let cookie = '' ``` proxy: { // 配置跨域-将所有/api的请求拦截，代理到target上 '/api': { target: 'http://www.xxx.com/', ws: true, ...

2022-10-14

0 215

Vue 插入JSX

功能：为了实现Element table 单元格最后合计，并且合计中某一个单元格返回两行内容在element table 中使用 summary-method 方法；该方法返回的数组，数组元素可以是 HTML 标签。 getSummaries(param) { co...

2022-04-20

0 222

字符翻译

目标==在项目中常有后台返回的字段是英文，没有引入国际化包 i18n 时翻译将返回的字段翻译为中文项目使用了Vue2版本开发想到的方法是用拦截器（filter）将后台返回的字段翻译成中文在组件页面中 <template> ... //页面展示 {{ item | f...

2022-03-29

0 234

性能优化

性能优化网络请求优化 1、使用 link ref="dns-prefetch" 标签去通知浏览器对页面中出现得其他域名去做DNS的预解析 2、由于http请求需要三次握手=》会造成额外的网络损耗所以我们可以让文件尽可能的少 a、先将文件打包后上线 b、使用css雪碧图进行图片打包 ...

2022-03-28

0 210

自定义组件

在使用components定义组件的时候时常会遇到在同一位置但是实现的内容不同 -- 此时继续将组件抽出并完成功能则有两种方式 1、在组件内部定义时利用v-if/v-else指令组件页面引用传递一个值（flag）去判断应该实现if/else那一部分的命令 2、在组件内部定义时利用插槽（slo...

2022-03-28

0 199

vue 设置定时器之后切换路由定时器并未清除

vue2 定时器定义在mounted(){}中定时器清除在beforeDestory(){}中 vue3 使用组合式API （setup）定时器定义在 onMounted(()=>{ })中定时器清除在 onBeforeUnmounted(()=>{ })中

2022-03-28

0 232

setup函数

setup函数 <script> setup() { let imgList = [ { path:"", src:'https://swiperjs.com/demos/images/na...

2022-03-28

0 297

vue中创建组件时 data只能使用函数式定义，而不能使用对象式定义

vue中创建组件时 data只能使用函数式定义，而不能使用对象式定义对象式： let data ={ a:1, b:2 } const x1 = data; const x2 = data; 此时 x1和x2 都指向同一个data 控制台输出x1 和 x2 均为 { a:1,b...

2022-03-28

0 264