Vue
是摩卡不是抹茶呀
纯粹地爱Java
展开
-
小程序上传接口wx.uploadFile小坑
如果后端接口,上传文件的api是以put请求方式提交,比如在更新头像的场景下。官方说明:将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data目前好像不支持在小程序端自定义请求方式,所以对应的,我们后端接口也要调整为post请求方式以uni-app为例// 上传新头像uni.uplo...原创 2020-03-31 15:28:53 · 1277 阅读 · 0 评论 -
CSS 消除默认按钮样式
/* 消除默认button样式 */.shareButton { background-color: transparent; border-radius:0;}.shareButton::after { border: none;}原创 2020-03-28 19:54:26 · 308 阅读 · 0 评论 -
Vue-Cli 项目如何引入第三方图标库 阿里巴巴矢量图标库
参考文章官方文档采用font-class引用一)、搜索图标,将图标加入到购物车,并选择将图标放置到指定项目中二)、编辑项目三)、获取font-class 在线链接...原创 2020-01-19 15:38:20 · 987 阅读 · 0 评论 -
Vue-Cli 在工具类里面使用国际化i18n
lang/index.jsimport db from '@/utils/localstorage'import Vue from 'vue'// 国际化插件import VueI18n from 'vue-i18n'// Element 组件内部默认使用中文,可以进行多语言设置// element-ui en langimport elementEnLocale from 'el...原创 2020-01-17 20:47:33 · 751 阅读 · 1 评论 -
使用vue-cropper时,展示oss图片出现跨域问题解决
<vue-cropper ref="cropper" id="cropper" :img="options.img" :info="true" :autoCrop="options.autoCrop" :autoCropWidth="options.autoCropWidth" :autoCropHeight="options.autoCr...原创 2020-01-17 20:17:59 · 8471 阅读 · 25 评论 -
Vue-Cli 按需引入Ant Design of Vue 组件库
一)、安装Ant Design of Vuecnpm install ant-design-vue --save二)、安装babel-plugin-import官方文档 使用 babel-plugin-import为了方便进行按需引入Ant Design of Vue组件,使用 babel-plugin-import是一个用于按需加载组件代码和样式的 babel 插件此插件配合 st...原创 2020-01-17 20:02:49 · 2858 阅读 · 0 评论 -
element-ui 隐藏彩蛋之滚动条使用
<a-card title="项目团队" class="team-list" style="margin-bottom: 24px;" :bordered="false" :body-style="{ padding: 0 }"> <a slot="extra" href="https://mp.weixin.qq.com/s/Kk3c5aaGcJn...原创 2020-01-17 16:52:56 · 1231 阅读 · 0 评论 -
Element-UI upload上传文件失败 正确解析错误内容
<el-upload class="upload" :action="uploadExcelAction" :headers="headers" list-type="picture" :show-file-list="false" :before-upload="beforeUpload" :on-success="uploadSuccess" :on-error="u...原创 2020-01-13 09:20:48 · 8637 阅读 · 0 评论 -
如何使用浏览器的F12查看下拉选择框
如何使用浏览器的F12查看下拉选择框背景说明当我们进行前端开发时,经常需要借助浏览器的F12功能来帮助我们debugger、查看元素样式等等。有些时候当我们想要查看下拉选择框时,却无法直接通过选取元素来查看这里面就是有什么。这给我们在开发过程中带来极大不便解决方案先打开F12,将鼠标移动到下拉选择框,然后长按ctrl+shift+c,也就是select an element in the...原创 2020-01-04 19:34:21 · 10626 阅读 · 2 评论 -
关于WebStorm 使用Ant Design of Vue 通知提醒框notification时,出现的语法无法检测问题
未调整前解决方案调整后原创 2019-12-20 10:40:46 · 3813 阅读 · 0 评论 -
WebStorm 禁用烦人的ESLint代码校验,解决方案
一)、从WebStorm的设置出发二)、从vue.config.js的配置出发Vue-Cli 官方文档配置参考通过上面两个步骤的配置,就能禁用ESLint代码校验了!module.exports = { // 禁用ESLint代码校验 lintOnSave: false}如果不想禁用ESLint,而是想自定义校验规则ESLint 中文文档ESLint 规则说明文档例如...原创 2019-12-12 09:55:59 · 3263 阅读 · 0 评论 -
Vue项目 Unresolved variable or type module
原创 2019-11-22 08:24:13 · 13765 阅读 · 3 评论 -
Vue项目 @路径提示Module is not installed
原创 2019-11-22 08:21:34 · 1235 阅读 · 0 评论 -
uni-app 自定义组件,实现父组件向自定义组件传值
自定义组件<!-- 为自定义组件起名称 --><template name='helloComponent'> <view> {{msg}} <input type="text" :value="myText" class="txt" /> </view></template><script>...原创 2019-11-20 15:36:50 · 2045 阅读 · 0 评论 -
小程序,当文字超出时,如何解决
文字超出部分省略.movie-name { /* 文字的宽度尽量与图片保持一致 */ width: 200upx; font-size: 14px; font-weight: bold; margin-top: 10upx; /* 文字超出部分省略 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis...原创 2019-11-20 15:08:03 · 439 阅读 · 0 评论 -
打包Vue项目并部署到Nginx
打包Vue项目方式一:通过在IDE开发工具的终端中,输入命令npm run build生成dist压缩文件包方式二:通过Vue-UI进行项目打包前提:Vue-Cli版本为3.0+# 在终端输入命令vue uibuild完成后就能够在项目里面看到dist文件夹部署生成的dist文件夹到Nginx编写nginx/conf/nginx.conf配置文件server { ...原创 2019-11-02 08:38:09 · 756 阅读 · 0 评论 -
ES6 导出与导入 骚操作
@/components/index.js 导出// 利用es6箭头函数export let myHeader = () => import('./Header')export let left = () => import('./Left')@App.vue 导入<script> // 利用es6的解构特性 import { myHeader, lef...原创 2019-10-03 09:24:45 · 165 阅读 · 0 评论