开发常见设置

一、字符切割

方法一：根据下标获取字符

1）str.charAt(str.length - 1)

2）str.subStr(str.length-1,1)//第一个参数为切割初始位置 第二个参数为切割
3)str.charAt(index) 返回指定下标对应字符 如果index选择不在0与字符length之间返回空字符串

数组截取：

1）str.slice(start,end) 必选：start开始位置index 如果为负数表示从最后一位倒过来开始截取 end可选 结束位置 返回新的数组包含start不包含end

二、css–溢出隐藏

单行

overflow: hidden; // 溢出隐藏
text-overflow: ellipsis; // 溢出用省略号显示
white-space: nowrap; // 规定段落中的文本不进行换行

多行

overflow: hidden; // 溢出隐藏
text-overflow: ellipsis; // 溢出用省略号显示
display: -webkit-box; // 作为弹性伸缩盒子模型显示。
-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式：从上到下垂直排列
-webkit-line-clamp: 3; // 显示的行数

三、axios安装/引入/使用

1.安装

npm install axios --save
npm install --save vue-axios

2.引入

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

3.使用

在需要发起网络请求的页面中

this.$http({
url: “///接口地址”,
method: “”
}).then(res => {
console.log(res);
});
}

vue.组件导航守卫 beforeRouterEnter, beforeRouteLeave,beforeRouteUpdate详解

组件导航守卫:在某个组件的js中编写导航守卫钩子函数

作用范围:只有当前这个组件
to:去往的地址
form:从哪里来

(1) beforRouteEhter:路由规则指定的组件访问之前自执行

写next();执行当前页面

(2)beforeRouteLeave:路由规则离开时自动触发 next中不能写参数

(3)beforeRouteUpdate:动态路由 只有参数发生变化是才执行(通俗理解及跳转页面时)