CoderDaily

摘要： 目录安装在vue3中安装安装按需引入插件配置按需引入插件 安装 在vue3中安装 yarn add vant 安装按需引入插件 yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D 配置 阅读全文

摘要： 目录安装在vue3中安装安装按需引入插件配置按需引入插件 安装 在vue3中安装 yarn add vant 安装按需引入插件 yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D 配置 阅读全文

摘要： 目录将富文本中img的src转换为data-src引入指定的加载中图片与加载错误图片将富文本挂载元素添加v-lazy-container vant4本身使用vue-lazyload插件实现图片的懒加载, 参照vue-lazyload进行配置 将富文本中img的src转换为data-src const 阅读全文

摘要： 目录服务端代码调用代码解决思路 情景复现: 在开发服务端渲染程序时, 出现开发环境可以从远程服务器正确获取到数据, 但是线上环境无法获取数据并且报错 _fetch is not a function 错误. 服务端代码 // /server/detail.get.js export default 阅读全文

摘要： 目录安装nuxt3的pinia包修改nuxt.config.ts的配置在项目中创建pinia仓库创建本地的测试服务器用于测试ssr在nuxt项目中创建服务器端请求接口在/article/[id]路由页面中实现服务器端渲染使用postman向http://localhost:3000/article/ 阅读全文

摘要： 通过js获取设置的css变量的值 已经设置好的css的变量值 :root{ --main-white:#fff; } .theme_light { --header-bg: var(--main-white); } 通过js获取已经设置好的css变量值 console.log( getCompute 阅读全文

摘要： 配置.env文件 在根目录下添加不同的环境文件 .env.dev NUXT_PUBLIC_API_BASE=http://192.168.110.209:8000 NUXT_API_KEY=my-api-key-dev NUXT_TEST_VARIABLE=dev NUXT_TEST_TEST_VA 阅读全文

摘要： 目录常规示例子组件: /components/testCom1.vue父组件: App.vue监听defineExpose返回的数据的变化实现子组件向父组件传递数据父组件中修改子组件defineExpose抛出的数据, 实现父组件向子组件回传数据 官网说明 defineExpose用于子组件向其父组 阅读全文

摘要： 需求场景 在适配移动端的过程中, 可以通过@media screen 来设定屏幕宽度在指定条件下的元素样式; 现要求在pc端与移动端有不同的html结构, 可以使用window.matchMedia进行判断并实现条件渲染 代码 假设我以900px作为pc端与移动端的分界 window.addEven 阅读全文

摘要： 在/assets/scss/global.scss中写入样式 $black: #000; $height: 1666px; .test { color: red; background-color: $black; height: $height; } 在/nuxt.config.ts文件中写入如下 阅读全文