今天分享个自己在工作中遇到的头疼问题,记录下,在使用pinia时,引入use模块,h5端没问题,我使用的是vue3,运行在APP端一直报错:
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->
at useStore (app-service.js:9864:15)
at (app-service.js:16358:3)
at (app-service.js:29793:3)
琢磨了几小时,最终发现问题所在了,原因是我在useUser时,是在setup函数外调用的,以下是我的错误代码示例
<script>
import { useUser } from '@/store/user.js'
const userTask = useUser() // 不能在setup外中使用,会报错
export default {
setup() {
...
}
}</script>解决方案:
1. 使用setup语法糖
<script setup>import { useUser } from '@/store/user.js'const userTask = useUser() // 在setup语法糖中使用</script>2. 在setup函数内使用
<script>
import { useUser } from '@/store/user.js'
export default {
setup() {
const userTask = useUser() // 在setup函数中使用
...
}
}</script>问题解决!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body>...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> ...
jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果提示方法不存在,可能是你的Jquery版本过低或者过高。基本语法:$('#img').rotate(90);//旋转90度其他的参数:参数类型说明默认值...
工厂模式虽然解决了创建多个对象的问题,但是并没有解决识别对象从属的问题.因为都属于object.因此出现了构造函数//构造函数名称首字母大写是规范 function Box(name,age){ this.name=name; this.age=age; this.run=funct...
//构造函数 function Box(name,age){ this.name=name; this.age=age; this.run=function(){ return this.name+'--'+this.age; } } var&nbs...
rem原理和简介(1).字体单位单位的值是根据html根元素大小而定,同样可以作为宽度高度单位(2).适配原理将px替换为rem,动态修改html的font-size适配(3).单位1rem=16px,why? F12中1rem在computed中font-size属性中会显示为font-size:...