vue框架
文章平均质量分 89
温酒斟与你
这个作者很懒,什么都没留下…
展开
-
vue3初体验-基于vue3+ant design封装公共弹框
vue3 父子传参封装弹框组件原创 2022-06-23 17:02:10 · 1654 阅读 · 1 评论 -
vue element 隐藏组件滚动条 el-scrollbar 的使用
由于windows自带滚动条比较丑,而手动写css并没有兼容火狐的方案,这里就使用到element的隐藏组件,看css样式可以看到这是一个手动书写的滚动条,完美的兼容了各大浏览器,使用方法如下:<div style="height: 100px; width: 80px"> <el-scrollbar style="height: 100%"> <p&g...原创 2019-10-22 17:02:24 · 1487 阅读 · 0 评论 -
vue父子组件实时传参实现批量下载
需求是这样的:后台管理页面的每一个el-table都要求有一个导出的功能,那么,我们就要封装一个导出的按钮作为公共的子组件,如图:导出功能是比较初级的图中的 itemGroup 就是el-table中所中值id的集合,当然,这是数组的格式。下面来说父子组件实现实时的传参这是我的父组件:我是用 watch 来监听 multipleSelection 值的改变:在子组件的 moun...原创 2019-05-11 15:42:52 · 368 阅读 · 0 评论 -
基于mpvue搭建一个小程序
mpvue是一套定位于开发小程序的前端开发框架,熟悉vue基本语法即可开发,没有原生小程序开发的思维转换1.安装vue-cli$ npm install --global vue-cli2.创建一个基于 mpvue-quickstart 模板的新项目vue init mpvue/mpvue-quickstart my-project开始选择题,一路回车也是没问题的3.进入项目文件...原创 2019-05-16 10:36:04 · 1351 阅读 · 1 评论 -
el-date-picker设置日期选择范围
<el-date-picker v-model="form.dates" :picker-options="pickerOptions" // 控制时间范围的方法 format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker...原创 2019-06-20 14:20:19 · 9610 阅读 · 0 评论 -
vue.config.js文件配置
文件配置module.exports = { baseUrl: './', productionSourceMap: false, // 输出文件目录 outputDir: 'dist', devServer: { port: 9527, // 本地端口地址 https: false, // https:{type:Bool...原创 2019-06-27 10:19:28 · 414 阅读 · 0 评论 -
vue打包代理接口404
一般这种情况,都是在前端配置了反向代理,如下图:图中的 api 就可以代替 target 中的后台地址,这个在线上环境是有问题的,api 在线上环境就变成了字符串,所以所有接口都会出现404问题前端解决方案如下:在项目目录中添加 .env 文件,配置线上打包地址在 main.js 中打印查看是否正确添加 axios 拦截器,线上环境把 /api 截取掉OK,这样接口404问题就...原创 2019-07-31 14:27:00 · 3803 阅读 · 8 评论