data数据没有加载好,然后渲染就会报此种错

el/2023/6/4 16:19:59

data数据没有加载好,然后渲染就会报此种错

但是如果用v-if控制数据加载好了才渲染,就不会有问题了,v-show不行,因为,vi-if是直接没有这个元素,v-show只是display :none

像平时用的多的loadding效果,然后loadidng结束,其实就是v-if这样弄一下,

还有一个东西是 [v-cloak]{display:none}

<div>{{content}}</div>  这个的作用就是网速慢的时候,如果不用这个,会把{{}}花括号展示出来,用v-cloak的话就能解决这个问题

http://www.ngui.cc/el/3419279.html

相关文章

域名与跨域

常说的跨域是指协议.域名.端口,有一个不一样就是跨域 那么域名指的是那一部分呢 指的是.com .cn .top等等那一部分 比如项目路径是 http://www.kirrito.top 但是项目中发的请求是 http://www.kirrito.top/keep/name8 这没有跨域 不要把keep当做域名的一部分了

‘sockjs-client‘ new的时候是否需要放入根路径

公司项目中,需要公众号聊天功能,要用到websocket,没有用原生的websocket,而是用的sockjs-clinet包,优点在此https://www.cnblogs.com/mmzuo-798/p/13032009.html 看了很多相关例子,但是基本都是 new的时候,传入的url参数是带根路径的,诸如 let socket new SockJS(http:/…

寄生继承第二次理解

不论再有孙类还是爷类,都是像这样子类复制父类的原型作为自己这个类的新的原型,这样就做到了继承了父类的原型方法和属性,如果有很多个类一直继承下去,那么就会是这样的情况,他们每个都是单独的,没有说谁连线上谁(其实被Object.create复制的原型,可以在控制台中看到__proto__后…

继承父类到底继承了哪些东西

继承父类应该是有这几个地方继承了 1.原型prototype上的方法和属性 2.类上的那些操作,类上的属性,类上的方法,不过我觉得这属于私有属性和方法了,我觉得原型prototype上的才是公共的方法和属性 如图可以看到,无论es5还是6,都是如此, es5,通过寄生继承来继承原型上的方法和属…

new的过程中做了什么

new过程自定义实现 一目了然了, 1.首先以原型copy一个新对象,这是拿到类上的公共属性和方法, Object.create() 这个方法是创建一个对象a,传入一个对象b作为这个创建的对象a的原型 那么这个对象a是作为一个空白的原型对象给子类的,作为子类的原型,这个对象a的__proto__指向父…

vue持久化存储踩坑

用插件就行,有很多插件,比如vuex-persist vuex-persistate啥的 但是用了很久没之久存储,最后发现是没通过mutation改变state就不能被持久存储,直接改statethis.$store.state.token token111111不行,.......差点吐血,虽然说项目中一般也都不会有这种写方法,但是没想到有这个坑…

vue传值与$attrs

传值看这个https://www.cnblogs.com/barryzhang/p/10566515.html 但是他$attrs的部分不是太好 这个https://www.jianshu.com/p/f7fa47499b39 $attrs的部分写的还可以, 其实很多时候,你在vue或者react组件里面打印一下this就能发现很多属性,值得研究, 就好像window身上那么多…

rgba与opacity的区别

rgba是一种颜色,opacity则影响的是元素的透明度,虽然rgba的那个a也是透明度,但那是改变颜色透明度,也就是rgba整个就是一个颜色 而div的bakcgrond默认是rgba的a是0的,也就是默认透明色,当你随便给一个颜色的时候就会覆盖掉它

websocket知识学习---持续更新

1.new websocket(url) 这个url只会有两种格式 ws://域名或服务器地址 wss://域名或服务器地址 ws对应的是http wss对应的是https 写在里面的域名就不要再加这些http或者https这些玩意了 不过sockjs-client建立的时候传的是完整的域名,包括http或者https,估计是内部做…

vuex命名空间模块化

目录结构 modules/app.js export default {namespaced: true,state: {token: notoken},getters: {},mutations: {changeToken(state, res) {state.token res}},actions: {} }modules/shop.js export default {namespaced: true,state: {count: 80},getters: {},mutations: {…