- 博客(14)
- 收藏
- 关注
原创 vue父子组件传值
父子:父组件在子组件的标签上绑定一个属性,挂载要传输的变量。子组件通过props接收props可以是数组也可以是对象,接受的数据可以直接使用 props:["属性名"] props:{属性名:数据类型}子父:在父组件的子组件的标签上通过绑定自定义事件,子组件通过this.$emit来派发。
2022-09-01 19:22:28
190
原创 watch筛选列表案例代码
利用监听来写筛选列表,需要先找到监听的对象,搜索的监听对象则需要他双向绑定的关键字,然后设置立即加载,handler获取到关键字发生变化是的val,然后,还是根据条件对数据进行筛选,返回筛选出来的值,而后面的排序,则需要监听数据发生改变,所以监听那个不同顺序的点击事件的变量,这里就是stype,获取到它的val ,首先判断他是否为0,为0 则渲染最初的顺序,不为0 时,再判断val为1 还是 2 ,为1 则从小到大排序,为2 则从大到小排序。...
2022-08-30 20:56:27
174
原创 computed筛选列表案例代码
第一步,搜索,就是将所有数据根据条件进行筛选,筛选出符合条件的,所有,需要经行filter 而筛选的条件就是根据搜索的关键字来进行寻找,找出来后,对其进行返回,然后是排序,排序有三个,一种是从大到小,一种是从小到大,还有一种是原数据排序,这时就需要上面的点击事件绑定一个数,根据条件判断点击的是哪个按钮,进行相应的排序,利用 sort排序,a-b为从小到大,b-a为从大到小,最后返回值即可。...
2022-08-30 20:21:55
219
原创 对象常用方法
hasOwnProperty() 该方法可以判断对象的自有属性是否存在 返回的结果是布尔 满足条件true反之false(属性是原型中的也会返回false)。Object.assign() 该方法主要用于对象的合并,当属性相同时,后面会覆盖的属性值,属性不相同添加属性。Object.defineProperty()直接在一个对象上定义新的属性或修改现有属性,并返回该对象。keys() 返回一个由一个给定对象的自身可枚举属性组成的数组values()返回一个给定对象自己的所有可枚举属性值的数组ent
2022-08-24 20:04:30
153
原创 v-for和v-if 优先级的问题
如果避免出现这种情况,则在外层嵌套template(页面渲染不生成dom节点),在这一层进行v-if判断,然后在内部进行v-for循环。:永远不要把 v-if 和 v-for 同时用在同一个元素上,带来性能方面的浪费(每次渲染都会先循环再进行条件判断)如果条件出现在循环内部,可通过计算属性computed提前过滤掉那些不需要显示的项。不能直接这样写,会出现警告。...
2022-08-18 20:14:28
78
原创 数据类型和类型检测
基础数据类型:string,number,boolean, undefined , null复杂数据类型:Object, Array, Date, RegExp
2022-08-18 14:28:14
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人