04 2024 档案

vant4_1.安装
摘要：目录安装在vue3中安装安装按需引入插件配置按需引入插件 安装 在vue3中安装 yarn add vant 安装按需引入插件 yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D 配置 阅读全文
posted @ 2024-04-26 00:03 Syinho 阅读(97) 评论(0) 推荐(0) 编辑
vant4_开发记录
摘要：目录安装在vue3中安装安装按需引入插件配置按需引入插件 安装 在vue3中安装 yarn add vant 安装按需引入插件 yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D 配置 阅读全文
posted @ 2024-04-26 00:02 Syinho 阅读(72) 评论(0) 推荐(0) 编辑
nuxt3_使用vant4实现v-html中图片的懒加载
摘要：目录将富文本中img的src转换为data-src引入指定的加载中图片与加载错误图片将富文本挂载元素添加v-lazy-container vant4本身使用vue-lazyload插件实现图片的懒加载, 参照vue-lazyload进行配置 将富文本中img的src转换为data-src const 阅读全文
posted @ 2024-04-18 17:18 Syinho 阅读(348) 评论(0) 推荐(0) 编辑
nuxt3__fetch is not a function
摘要：目录服务端代码调用代码解决思路 情景复现: 在开发服务端渲染程序时, 出现开发环境可以从远程服务器正确获取到数据, 但是线上环境无法获取数据并且报错 _fetch is not a function 错误. 服务端代码 // /server/detail.get.js export default 阅读全文
posted @ 2024-04-18 16:44 Syinho 阅读(167) 评论(0) 推荐(0) 编辑
nuxt3_使用pinia实现服务器端渲染状态管理
摘要：目录安装nuxt3的pinia包修改nuxt.config.ts的配置在项目中创建pinia仓库创建本地的测试服务器用于测试ssr在nuxt项目中创建服务器端请求接口在/article/[id]路由页面中实现服务器端渲染使用postman向http://localhost:3000/article/ 阅读全文
posted @ 2024-04-16 13:31 Syinho 阅读(1116) 评论(0) 推荐(0) 编辑
js_获取与设置css变量的值
摘要：通过js获取设置的css变量的值 已经设置好的css的变量值 :root{ --main-white:#fff; } .theme_light { --header-bg: var(--main-white); } 通过js获取已经设置好的css变量值 console.log( getCompute 阅读全文
posted @ 2024-04-01 03:11 Syinho 阅读(629) 评论(0) 推荐(0) 编辑