![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
kkhk04
这个作者很懒,什么都没留下…
展开
-
VUE 各种遇到的问题以及面试题
原理1.你知道vue的模板语法用的是哪个web模板引擎的吗?说说你对这模板引擎的理解.mustache,主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗?那双向绑定的原理呢?v-model是一个语法糖,真正实现双向绑定还是依靠v-bind:绑定响应式数据。以及触发input事件并传递数据(核心和重点)双向绑定的原理:通过Observer把数据劫持(Object...转载 2020-03-12 17:27:00 · 1191 阅读 · 0 评论 -
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
错误场景一:错误提示:在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化,代码如下:// 基于准备好的dom,初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解决办法...转载 2019-10-10 11:35:39 · 37635 阅读 · 3 评论 -
vue里嵌套对象渲染报错的解决方法
在页面渲染时,我的数据是嵌套的对象,如下图:页面运行时可以正常显示,可是可以看到控制台还是会报错,如下图:最后发现只需在页面显示时加一个判断就不会再报错了,如下图:具体是什么原因导致的呢?我们可以试试,在mounted里面去打印这个对象,会发现打印出来是空的,这也就是页面加载的时候,数据还没有传过来,但是这时候我们已经开始在使用了,所以会报undefined的错误,当数...转载 2019-10-09 21:33:31 · 1734 阅读 · 2 评论 -
关于vue中的数据视图未及时更新:vue set 怎么替代angular中的apply
遇到一个细节问题,在列表中点击请求数据来达到显示隐藏一块区域,并把请求到的数据渲染到这块区域中,实际上是第一次点击的时候数据能请求过来,但是视图未及时更新,第二次点击才正常显示,我想到了angular中的$scope.apply(),但是在vue中怎么达到同样的目的呢,这时要使用vue中的Vue.set()方法,感谢热心网友!如果以前是:$scope.test = {data: 'bind...原创 2019-09-03 11:51:05 · 301 阅读 · 0 评论 -
思路:vue中控制v-for循环出来的某一个列表项的显示隐藏切换
第一种方法:通过给每条数据添加字段的方法给每一项点击的地方添加一个点击事件,把当前的列表项作为参数传递过去在methods里面写点击事件:首先判断列表项有没有这个字段,没有的话就通过this.$set添加字段,然后进行取反,有这个字段的话直接取反。this.$set(你要添加数据的数组或对象, '字段名称', 字段值)最后通过v-show控制代码块的显示隐藏...转载 2019-09-02 16:41:48 · 4958 阅读 · 2 评论 -
VUE中methods watch和compute的区别和联系
转自:http://www.jb51.net/article/120073.htm从作用机制和性质上看待methods,watch和computed的关系图片标题:《他三个是啥子关系呢?》首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同而从作用机制和性质上看,methods和watch/computed不太一样,所以我接下来的介...转载 2019-07-23 17:31:05 · 171 阅读 · 0 评论 -
Vue为什么没有templateUrl
原文地址:https://www.cnblogs.com/wancy86/p/6999318.html原因templateUrl使用ajax的方式在运行时加载template,大型应用中数量庞大的组件,以及浏览器对请求数量的限制,将导致严重的app加载性能问题。 以组件为APP的基础单元来开发,而不是template推荐单文件的组件开发vue中综合了react(单文件html...转载 2019-06-20 14:39:58 · 445 阅读 · 0 评论 -
Axios 各种请求方式传递参数格式
原文地址:https://www.jianshu.com/p/53deecb09077作者:易冷zzz链接:https://www.jianshu.com/p/53deecb09077来源:简书Axios 各种请求方式传递参数Axios的get方法和put方法用法相同,第一个参数是路径,第二个参数是对象,里面存放请求参数。Get方法中第二个参数里面,用params对象存放传...转载 2019-06-10 15:25:50 · 5761 阅读 · 0 评论