Vue
猿猿不迷路
前端女媛一枚
展开
-
vue --- this.$slots组件内部访问插槽
封装组件的时候,可用 this.$ slots (默认插槽)也可以通过this.$ scopedSlots(作用域插槽)访问,来获取静态插槽内容。适用于引用组件,有插槽的时候,通过 this.$slots 访问静态插槽的内容,每个插槽都是一个 VNode 数组。也可以通过 this.$scopedSlots 访问作用域插槽,每个作用域插槽都是一个返回若干 VNode 的函数。...原创 2021-11-27 10:13:06 · 3424 阅读 · 0 评论 -
插槽 --- vue插槽的使用,简单易懂!!!
一、vue常用插槽(默认插槽)直接上代码,通俗易懂。子组件里面直接放一个slot// 这是子组件son内部<template> <div> <slot></slot> </div></template>父组件引入子组件标签中直接写插入的内容// 这是在父组件中,引入子组件的标签里插入的内容<template> <son> <p>这是一个默认插槽</p> &原创 2021-09-29 17:46:30 · 197 阅读 · 0 评论 -
uni-app --- 获取盒子位置信息和页面强制刷新!
一、uni-app获取盒子位置// 获取盒子位置const query = uni.createSelectorQuery().in(this);query .select('#executeTargetBox') .boundingClientRect(data => { console.log(data,'盒子数据') }) .exec();打印结果:一、uni-app页面强制刷新(不适合同一个页面多次请求数据渲染的情况)// 400毫秒后强制刷新setT原创 2021-09-03 17:25:49 · 569 阅读 · 0 评论 -
uni-app --- uni.switchTab和uni.reLaunch跳转列表刷新的问题!!!避免踩坑!
uni.switchTab 跳转列表不会刷新uni.switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。uni.reLaunch 跳转列表会刷新,但如果是列表的自定义表头有多个title的时候需要加参数才能返回到对应的列表uni.reLaunch :关闭所有页面,打开到应用内的某个页面。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';...原创 2021-08-30 09:58:37 · 15798 阅读 · 0 评论 -
vue ---- $emit 和 $on 的理解
vue中 $emit 和 $on 理解$on 用法:监听当前实例上的自定义事件。事件可以由 vm. $emit 触发。回调函数会接收所有传入事件触发函数的额外参数。如下 内联代码片。vm.$on('test', function (msg) { console.log(msg)})vm.$emit('test', 'hi')// => "hi"vm.$on('test', function (msg) { console.log(msg)})vm.$emit('test',原创 2021-05-07 10:12:47 · 956 阅读 · 0 评论