- 博客(7)
- 收藏
- 关注
原创 vue 中 v-if 和v-show 的区别
v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if
2020-06-30 17:51:50
191
原创 [vue]_.debounce-函数的用途
_.debounce 用来延迟操作,应用场景比如:建议搜索词、图片延迟加载、输入监听请求数据.....vue官网有一个侦听的例子,用来延迟操作,直到用户在输入框输完,才会发送ajax请求。<div id="watch-example"> <p> Ask a yes/no question: <input v-model="question"> </p> <p>{{ answer }}</p></d...
2020-06-30 11:03:27
1781
原创 vue 引入element ui的坑
在vue项目中我们会经常用到element ui 框架,方便快速搭建页面,我一般会按照官网的操作全局引入,我在引入的时候,页面报错这是因为我在引入的时候 和axios写在一块了这里的注册,相当于vue.Component(‘name’,custemComponent),相当于我把eiement ui 注册到axios,所以会报name的错。改了之后就不报错了...
2020-06-19 16:32:38
918
原创 Vue项目,利用计算属性写一个全选和反选的功能
html部分:利用逻辑表达式动态传参控制全选按钮的显示隐藏js部分:首先在computed计算属性里面去监听然后再绑定点击事件:
2020-06-18 17:34:21
493
原创 box-sizing:border-box用于移动端页面的开发!
box-sizing:border-box用于移动端页面的开发!*,*::before,*;;after{border-sizing:border-box;}(bootstrap全局中设定该样式)先从块级元素的盒子大小说起,通常一个块级元素实际所占宽高度=外边距(margin)+ 边界宽度(border-width) + 内边距(padding)+ 高度(height) / 宽度(width)如果设置了border-box,实际所占宽高度 = 设置的高度(height)/ 设置的宽度(wi
2020-06-17 13:45:03
372
原创 获取下拉框选中的值
//获取下拉框选中的值// getNameById(id){// var aaaa = ‘’;// [].forEach.call(this.options1, function(item,index){// if(id == item.id){// aaaa = item.nickname;// }// });// return aaa...
2019-08-20 09:13:56
563
转载 解决事件委托,无法获取该元素的自定义属性值问题
首先在从数据库查数据并显示的过程中,把删除按钮设置了一个自定义属性data-id,其值等于对应的商品id。在写删除事件时,用事件委托的形式为该元素添加点击事件,并需要获取其 data-id 的值代码如下:$(’#tbody’).on(‘click’,’.del_shop’,()=>{let cart_id = $(this).attr(‘data_id’);console.log...
2019-05-10 10:38:26
666
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人