随笔分类 -  Vue.js

Vue.js —— 项目部署到线上之前的请求路径配置
摘要：开发环境的地址和接口的地址不一样，会产生跨域问题。 设置代理 在vue.js项目中可以这么设置。 文档地址 vue.config.js devServer: { port: 3000, proxy: { '/api': { target:'http://192.168.18.abc', // 代理地 阅读全文
posted @ 2020-10-23 13:23 小昱同学 阅读(2479) 评论(0) 推荐(0)
Vue.js——使用LODOP打印表格文件
摘要：用到的打印工具是LODOP。 项目环境是vue-cli搭建的，组件库是ant design vue。 1、在需要打印的页面引入插件。 <script> import { getLodop } from '@/utils/LodopFuncs' </script> 2、绘制要打印的表格内容 此处不要用 阅读全文
posted @ 2020-10-12 16:22 小昱同学 阅读(917) 评论(0) 推荐(0)
前端实现多语言
摘要：现在开发者解决多语言普遍的三种解决方案： 为每个页面提供每种语言的相关页面。 第二种是把内容从表现形式中分离出来，做不同语言的内容文件。 第三种是动态翻译页面内容。第三种很少见，而且机器翻译技术还很难达到人们的预期。 demo预览地址：demo 实现方法： 比较笨的方法，就是把所有的语言写好，放在同 阅读全文
posted @ 2020-10-07 15:22 小昱同学 阅读(1662) 评论(0) 推荐(0)
Vue.js —— 关闭eslint校验
摘要：目前使用的项目是用vue-cli脚手架创建的，vue的版本是2.6.11，可以通过修改vue.config.js文件的配置来关闭eslint。 vue.config.js module.exports = { lintOnSave: false } 第五篇随笔，这篇写的很水，比较常用的一个配置。 阅读全文
posted @ 2020-09-07 16:16 小昱同学 阅读(1558) 评论(0) 推荐(0)
Vue CLI + Ant Design Vue + AntV + Echarts
摘要：vue是一个很好用的前端框架，前端只管处理数据，其他的都不用操心。 使用vue来做后台管理应用是不错的选择。 一：创建vue项目，引入Ant Design Vue组件库 官方文档： 安装和初始化 $ npm install -g @vue/cli # OR $ yarn global add @vu 阅读全文
posted @ 2020-08-28 16:12 小昱同学 阅读(3018) 评论(0) 推荐(0)
Vue.js —— 过滤器filter的使用
摘要：官方文档介绍： https://cn.vuejs.org/v2/guide/filters.html 项目中需要文本格式化的地方很多，最常见的如时间格式化。 <p> {{info.createTime | timeFilter}} </p> <script> import moment from " 阅读全文
posted @ 2020-08-26 17:30 小昱同学 阅读(138) 评论(0) 推荐(0)
Vue.js —— 图片放大缩小的实现
摘要：场景：点击图片 进行预览，跳出一个modal框，可进行放大缩小的操作。 关键：样式 transform CSStransform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。 给元素动态绑定transform的属性值，通过点击事件去修改 1 <!-- 阅读全文
posted @ 2020-08-24 14:22 小昱同学 阅读(7795) 评论(2) 推荐(0)