知识点扩展
正在起飞得菜鸟
小白很白,但是在努力炫彩欧
展开
-
nuxtjs配置i18n多语言、切换语言data中数据不起作用解决方案
将this.$t() 写到了data属性里,切换语言不起作用data是一次性生产的,你这么写只能是在 data 初始化的时候拿到这些被国际化的值,并不能响应变化。官方的解决办法是,建议我们将表达式写到computed属性里,不要写到data里。关于刷新页面 语言会重置为初始语言的问题 我不太清楚具体情况,但是原因可能是因为配置中的detectBrowserLanguage导致, 默认为true 跟随浏览器语言展示,改为false即可。原创 2023-04-10 14:13:47 · 3320 阅读 · 7 评论 -
vue中给window对象上添加属性的方法
web页面通讯方法、window.open打开新页面,父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法。下面是整理的几种通讯得方法仅供参考。原创 2022-08-26 15:40:21 · 4469 阅读 · 0 评论 -
v-for和v-if 优先级的问题
不能直接这样写,会出现警告。 <div v-for="(item,index) in checkList" :key="index" v-if="item.status"> </div> 正确的写法<template v-for="(item,index) in checkList"> <div :key="index" v-if="item.status" ></div> </template&原创 2022-03-02 22:13:13 · 75 阅读 · 0 评论 -
Vue项目使用v-drag实现拖拽功能
<template> <div class="drag"> <div ref="element" class="content" v-drag draggable="false"> <p>文字网页</p> </div> <div style="height:2000px;width:100%"></div> </div>.原创 2022-01-03 20:42:44 · 863 阅读 · 0 评论 -
vue3 axios封装
1.首先下载axios 在引入 axios :下载方式: npm install axios 或者是 yarn add axios(下载过yarn才可以使用)引入: import axios from 'axios'2.创建一个实例 :const api = axios.create({ baseURL: '', // 所有请求的公共地址部分 timeout: 3000 // 请求超时时间 这里的意思是当请求时间超过5秒还未取得结果时..原创 2021-11-06 14:33:58 · 443 阅读 · 0 评论