UNI-APP小程序与webview嵌套的H5如何实现双向数据通讯 引言 uniapp小程序本质上也是一个H5应用,只不过被编译成了一个小程序,就跟微信小程序的本质上是差不多的;数据通讯可以参考H5的数据通讯,使postMessage 进行双向数据通讯;本文都VueJS写法作为实例,实际上可以根据对应的技术栈进行对应的处理;Vue3的写法,后续会发文章进行处理 前置 前端开发 #VueJS #UNIAPP #消息通讯 2026-02-06 14 2 0
Nuxt 3 请求跨域解决方案 引言 在用Nuxt3的时候,本地执行请求,可以通过代理执行跨域请求,但是切换到服务器部署后,发现一直出现请求跨域;找了好多办法都未能解决,最后想到Nuxt提供了server/api的配置,最终解决了 编辑nuxt.config.js // 以下配置皆是新增的 runtimeConfig: { pr 前端开发 #nuxtJS #VueJS 2025-03-21 10 1 0
Vue3 steup中 动态组件component :is="xxx" 不能渲染的解决方案 导言 在Vue2中可以使用 component :is="xxx" 进行动态渲染,在Vue3的选项式API中也可以直接执行动态渲染,在Vue3的组合式API中,却无法直接使用,如何解决呢? 探索 <script steup lang="ts"> import {onMounted} from 'v 前端开发 #VueJS #Vue3 2024-12-23 11 1 0
网页实现滚动加载数据 - Vue/JavaScript 监听滚动条事件 // 需要监听滚动的容器 const content = document.querySelector('xxx'); // 给容器添加滚动事件 content.addEventListener('whell', this.checkScrollInfo); 检测滚动条相关信 前端开发 #VueJS #JavaScript 2024-12-07 7 1 0
Nginx部署的VueJS打包后的文件,刷新后提示404 导言 在Linux/CentOS中,使Nginx部VueJS打包后的文件,在非根路由的页面,刷新后显示404是因为未找到对应html文件VueJS是根Vue-Router匹配对应的文件,然后做呈现。若未Nginx进行对应的配置的话,刷新后由于找不到对应html文件,所以会出现404的问题 配置ngi 技术运维 #Nginx #Linux #VueJS 2023-05-22 1 0 0
VueJS API请求文件自动化挂载 导言 此方法适用VueJS Vue3.X 目前还没开始尝试。后续若有尝试,会一并更新。此方案主要是提升项目的可维护性,以及代码的可读性。 具体操作 src/init/initAPI.js 个人习惯问题,我喜欢把项目初始就要配置好的东西都丢init下。 import Vue from 'vue' c 前端开发 #VueJS #自动化处理 2020-07-10 20 1 0
VueJS路由自动化挂载 导言 此方案为懒人方案,在中大型项目开发中,个人认为是十分友好的。避免了一大撂的文件冲突,然Router的入口文件十分庞大,且可观性不强。采取自动化挂载方案后,只需要去维护好子级路由信息,无需在路由入口文件一个个添加、引入。一切交给自动化。 具体实现: 路由入口文件 个人习惯命名为/src/rout 前端开发 #VueJS #自动化处理 #Vue-router 2020-07-08 16 0 0