v-if和v-show的区别以及callback回调函数的体会

时间:2024-01-14 19:15:44

今天总结一下最近一周碰到的一些问题

  一、v-if和v-show的区别

    v-show用的是css属性中的display="block/none",元素被隐藏了但是节点还在页面中,但是v-if表示是否渲染该节点,如果v-if="false",页面中是不存在该节点的。

  二、callback回调函数

    以前一直对callback回调函数理解不深,直到昨天晚上学习node的时候碰到——它就是一个异步操作

    v-if和v-show的区别以及callback回调函数的体会v-if和v-show的区别以及callback回调函数的体会

三、最后一个bug在工作中碰到的、vue中created函数里面请求下来一组数据,并用data里面的一个数组保存了循环渲染到页面中,在图片管理中添加了一个图片,并且给该图片添加一个标题属性(原对象中没有),然后赋给data里面的数组,按理说页面添加了一个图片并且带标题,但是后来发现图片是添加了,但是自己添加的标题属性并没有被渲染出来,而是要通过点击设置项等触发后标题才被渲染出来,怎么也找不出bug。后发现————请求下来的对象属性里面没有标题title属性,而在图片管理里面我是手动给该对象添加了该属性才没有被渲染出来。解决方法: 在cerated函数里面请求数据的时候手动给该对象添加一个标题属性就可以了!!!