vue
一懒众山小
这个作者很懒,什么都没留下…
展开
-
组件内部判断插槽是否被使用
vue封装组件时常用到插槽slot,默认模块与自定义模块二选一的时候使用 <template v-if="$slots.default"> <slot> </slot> </template> <template v-else> //默认样式 </template>原创 2021-12-18 18:36:50 · 2843 阅读 · 0 评论 -
uniapp获取元素高度
加上in(this)以后小程序完全能获取到元素信息 let view = uni.createSelectorQuery().in(this).select("#head"); //局部 view.boundingClientRect(data => { console.log("data:",data) }).exec();原创 2021-06-16 00:07:53 · 760 阅读 · 0 评论 -
axios封装vue中
//1.http.js文件 import axios from 'axios' import qs from 'qs' export function request(config={}){ let service=axios.create({ baseURL:process.env.VUE_APP_URL, //请求地址,自动拼接url }) /...原创 2020-04-18 23:41:35 · 131 阅读 · 0 评论 -
Vue项目创建和配置文件关系调用
1. Vue项目构建 首先默认安装了node.js和vue-cli,接下来直接使用脚手架创建项目: 1 | vue init webpack Demo // Demo是自定义项目跟目录名,无此目录则自动创建 接下来会进行一系列配置询问,看图: 配置完回车,项目脚手架自动生成完毕 进入Demo文件夹,启动项目试试: cd Demo npm start // 推荐使用npm...转载 2020-03-26 00:08:21 · 418 阅读 · 0 评论 -
修改element组件样式万能
例:Upload组件 效果图:只改了大小 //Upload组件 <el-upload action="#" list-type="picture-card" :auto-upload="false"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-...原创 2020-03-25 23:16:00 · 639 阅读 · 0 评论 -
vue兄弟组件之间传值之Bus
2020/3/22 vue兄弟组件之间传值之Bus 可以用过一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发 $emit 和监听 $on 来实现组件之间的通信和参数传递,类似window的全局自定义事件。类似与子传父,只不过是利用一个新的vue示例作为媒介,而不是当前vue示例(this) // bus.js import Vue from ...原创 2020-03-22 22:42:32 · 712 阅读 · 0 评论