方法一:借助 ref() 函数 通过 ref 函数,依然可以实现类似 this.$refs 的功能。 首先在 setup 中定义一个 Ref 变量 然后将这个 divRef 变量挂载到 DOM 上 这样当 onMount 钩子被触发的时候,div 的 DOM 会在控制台打印 ...
方法一:借助 ref() 函数 通过 ref 函数,依然可以实现类似 this.$refs 的功能。 首先在 setup 中定义一个 Ref 变量 然后将这个 divRef 变量挂载到 DOM 上 这样当 onMount 钩子被触发的时候,div 的 DOM 会在控制台打印 ...
借助 ref() 函数 用elementUI时,需要form表单验证,文档给的是 this.$refs[formName],但是在vue3中没有this, 通过 ref 函数,依然可以实现类似 this.$refs 的功能。 首先在 setup 中定义一个 Ref 变量 ...
之前项目遇到个情况,npm run build打包之后上传到服务器后,index.html打开一片空白,资源都加载了,但是就是不显示。 然后百度找了原因,修改了两处地方 一、修改 assetsPublicPath 在config/index.js里面,有个 assetsPublicPath ...
参考 vue3.0以上关于打包后出现空白页和路由不起作用 配置参考 步骤 /vue.config.js 配置打包路径,因为是相对路径访问,所以配置 publicPath 为空或 “./” /src/router/index.ts 将默认路由类型 ...
vue3.0 中 如何在setup中使用async await 第一种方法 使用suspense 包裹你的组件 感觉不太好 文档 第二种方法 使用生命周期钩子 ...
在 vue 单页面当中发现fullpage会报错,报错信息大概意思为,fullpage不允许初始化多次。 解决办法,在使用fullpage的组件跳转路由进入销毁组件之前的生命周期的时候对fullpage也进行销毁,这样就可以重新初始化一个fullpage组件 ...
开启history模式: 如果不开启的话,路由默认是hash模式,开启这个模式前端的工作也很简单,如下: 先用hash模式部署项目到线上,然后再开启histroy模式,由此引发的一些问题: 1.页面直接访问不到 如图报错这时候 ...
从昨天晚上到今天下午我运行npm run dev结果页面一直显示空白,404错误。 闹了半天终于找到问题所在,vue init webpack **时,当系统问你use eslint to lint your code? 一定选择n,一定选择n! ...