vue.js
文章平均质量分 84
熬夜的小青年
起点在哪,或许选择不了。重要的是,你追求的终点在哪!让每一天都过得有意义!
展开
-
中大型Vue项目的前端架构-1
目录前言项目目录Api后端接口公共Helpersevice 网络请求封装(axios封装)utils工具类main.js webpack入口文件使用方法前言接触Vue已经有几年了,每次新建项目都有一些新奇的想法,之前分享过一篇Vue中使用Axios拦截器(拦截请求与相应),由于我最近的项目需要长期维护,所以不能再向小项目那种方式创建前端架构了,需求需要方便维护、高扩展性,但不是说我最初的那种方式不好,只是不适合中大型项目而已。所以今天我分享一下我在中大型项目中封.原创 2021-05-12 16:04:33 · 1250 阅读 · 8 评论 -
element-plus Vue 3.0 Beta来了
GitHub地址ElementUi Beta版本文档又要秃头一波了!!!原创 2020-12-14 15:40:32 · 306 阅读 · 0 评论 -
Vue.js 3.0官方文档
随着Vue3.0 RC版本的发布,官方也给随之发布了测试版的文档《Vue.js 3.0官方文档(测试版)》。虽然文档还没有更新完,但是这个时候可以先看一波迁移指南。另外更多消息可以关注news.vuejs.org官方博客...原创 2020-07-31 02:17:33 · 7650 阅读 · 4 评论 -
mpvue踩坑日记
app.json中pages字段里的页面地址不能重复 tabbar中不能设置字体大小(至少在2019.10.10之前是不支持的,希望后续能够支持吧) 全局样式放到app.vue中 给tabbar设置边框阴影 官方没有支持 但是可以变通一下 在app.vue中给page标签添加伪类page:after{ content: ''; position: fixed; left: 0...原创 2019-10-16 11:07:54 · 459 阅读 · 0 评论 -
vue-cli3.0项目启动报错
刚刚创建了一个vue-cli3的项目,使用的是Router+Less+Vuex+TypeScript,创建成功后,cd到目录使用npm run serve启动时报错......Module build failed (from ./node_modules/less-loader/dist/cjs.js):......我赶紧检查了一遍项目,没问题啊。在看到packpackage...原创 2019-08-20 15:17:49 · 1446 阅读 · 0 评论 -
Vue上传阿里云OSS(STS方式)
一、准备工作1. 开通阿里云OSS服务,从控制台上获取AccessKeyId和AccessKeySecret。2. 创建Bucket,并登录OSS控制台3. 配置Bucket (很重要)将allowed origins(来源)设置成 * 将allowed methods(允许methods)设置成 PUT, GET, POST, DELETE, HEAD 将allowed he...原创 2019-06-18 18:25:12 · 12729 阅读 · 8 评论 -
Vue中的v-slot如何使用
今天看了看Vue的文档,发现了v-slot这个指令,生怕掉队的我赶紧补习了一下直接上代码!!!//父组件<template> <!--在此处添加渲染的内容--> <div> <el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 D...原创 2019-04-26 18:54:16 · 10180 阅读 · 2 评论 -
Vue中使用Axios拦截器(拦截请求与相应)
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF引用文档中的话,Axios和jquery a...原创 2019-04-16 13:15:41 · 7609 阅读 · 8 评论 -
NavMenu 阻止事件冒泡
当我点击首页的按钮时绝对定位到左上角,点击页面其他位置是关闭菜单但当我点击了菜单上的选项时,菜单也会触发到关闭菜单的事件<template> <!--在此处添加渲染的内容--> <div @click="intercept($event)"> <el-menu default-active="2" c...原创 2018-09-07 01:38:33 · 1427 阅读 · 0 评论 -
vue中computed计算属性传入参数
使用JavaScript闭包,进行传值操作。computed: { // 控制显示的内容 computedTxt() { return function(value) { return this.methodGetByteLen(value, 20) } }}做一个简单的功能,使用计算属性判断传入的...原创 2018-09-01 16:56:42 · 62874 阅读 · 6 评论 -
Swiper、vue-awesome-swiper中文文档
中文文档 找了好久才找到,适用于vue-awesome-swiper滑动组件swiperOption: { height: 380, speed: 500,//切换速度 watchOverflow: true, //当没有足够的slide切换时,例如只有1个slide(非loop),swiper会失效且隐藏导航等。默认不开启这个功能...原创 2018-09-01 10:45:52 · 23038 阅读 · 0 评论 -
vue-cli部署到Tomcat上
首先配置项目中的config>index.js这里面配置了webpack的生产环境和开发环境这里要修改的是build对象下的属性这里主要修改assetsPublicPath(剩下的属性是干嘛的可以自行去webpack官网查看文档),这个属性是修改静态资源的根路径一般来说是项目不会放在服务器的根路径 (网上有的说放到 ./ 就可以了,我只能说根据项目需要自行调整)然...原创 2018-08-27 00:06:52 · 1935 阅读 · 0 评论 -
vue-cli中动态设置页面可视区域高度
原文章路径:原文章这里用到了jquery,需要引入jquery依赖,当然也可以直接进行dom操作HTML代码:<template> <div class="hello" ref="homePage">//设置最外层div的ref属性 </div></template>JS: <script>原创 2018-07-16 00:11:47 · 7105 阅读 · 0 评论 -
vue中获取并操作dom元素
获取dom元素可以使用elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的lielement = document.querySelector(selectors)//获取dom元素中的第一个元素在vue中使用mounted(){//这里必须是mouted钩子this.title = doc...原创 2018-06-29 00:11:45 · 92295 阅读 · 2 评论