Luomaomao_baby的博客

原创 vue项目中$router和$route的区别

1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。举例：history对象$router.push({path:‘home’});本质是向history栈中添加一个路由，在我们看来是 切换路由，但本质是在添加一个history记录方法：$router.replace({path:‘home’});//替换路由，没有历史记录2.r

原创 前后端项目分离之前端（vue项目）如何调用后端接口

本文所用vue-cli是3.0版本的，所以首先需要创建一个vue.config.js文件，然后配置axios，就可以请求接口获取数据了。1.main.js文件中：import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '请求地址';//后端开发环境地址axios.defaults.headers.post['Content-Type'] = 'application/json;charset

原创 前端调用接口传参的几种方式

第一种：get方式1.1 普通get 不需要传参 只有URL和methodexport const getNotice = () => {return axios({url: ‘/web/v1/web/notice’,method: ‘get’})}1.2 get需要传参 使用data传参（params: data）export const getTopInfo = (data) => {return axios({url: ‘/user/v1/account/topinf

原创 国际化批量获取en-US.json，zn-CN.json字典内容

首先得到excel文件后，将该文件转为HTML文件，在chrome浏览器中打开该文件，图1 原excel文件图2 HTML文件可以得到一个表格：如图2所示，打开开发者工具，得到下图：图3 开发者工具内容将整个table内容复制下来，做一个HTML文件：图4 做一个HTML文件接着，在浏览器中打开该HTML文件，在console命令行中输入：document.getElementsByTagName(‘tr’)这是通过查找tr标签，获取table中的内容，如图所示：图5 获取表格

原创 vue项目使用百度地图插件

百度地图生成器http://api.map.baidu.com/lbsapi/creatmap/index.html 百度地图拾取坐标系统 http://api.map.baidu.com/lbsapi/getpoint/index.html 百度地图JavaScript API http://lbsyun.baidu.com/index.php?title=jspopular 引用方法见以下链接： https://www.cnblogs.co...

原创 js对象赋值问题

见https://blog.csdn.net/weixin_30621711/article/details/99487554对象之间直接

原创 接口的不同方式 以及传参形式

原创 overflow: hidden的作用

.list {overflow: hidden;padding: 20px 0 0 0;margin-top: 40px;.item{box-shadow: 0px 0px 10px #bbb;margin: 0 20px 20px 20px ;width: 285px;height: 270px;float: left;background: #fff;border-radius: 6px;}}当list里面有很多个item时，且item的位置在浮动，由于item的数量不同，浮

原创 导出平台问题以及解决方案（随笔）

问题一：针对不同页面的表格的不同设置，如何显示不同的字段以及表格数据？在这次的导出平台中，由于所有页面是用一个通用组件来显示的，所以针对页面的表格也是。没有办法写出每一个页面的表头，就必须得通过遍历来获取表头，我们采取的办法是，在一个配置js文件中，设置一个词典dic：在通用组件home.vue文件中，引用配置文件中的dic词典，通过遍历得到每一个不同的页面的不同表头：后端返回数据中数组sortIndex是已经经过排序的字段，按照这个字段来设置表头，得到每一个数组元素，令其为index，然后通过对

原创 表格数据多余不部分显示省略号

后端返回数据很长，在表格中需要控制字符的显示，只显示100字符左右。可以设置style为：style="overflow:hidden; // 该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。display:-webkit-box;-webkit-box-orient:vertical; // 子元素排列 vertical（竖排）-webkit-line-clamp:3; // 行