vue路由传参的几种方式 路由跳转的两种方式1. 声明式导航使用router-link的to属性进行路由跳转 to的值是要跳转到的那个路由// 1.1 to后直接跟路由 <router-link to="/home">to home</router-link> // 1.2 to后跟一个配置对象path属性是要跳转到的那个路由 <router-link :to="{ path: '/home' }">to home</router-link> // 1.3 to后跟一个配置对象，使用命名路由的name进行跳转 <router-link :to="{ name: 'homeIndex' }">to home</router-link>查询字符串形式 路由传参 to的值是一个配置对象 以查询字符串形式携带 url?id=123// 2.1 以 url?id=123&name=zs的形式携带 <router-link :to="{ path: '/home?id=123' }">to home?id=123</router-link> // 2.2 以query属性进行传参 <router-link :to="{ path: '/home', query: { id: 123 } }">to home 以query携带</router-link> // 2.3 以params进行传参 需要命名路由name <router-link :to="{ name: 'userIndex', params: { id: 123 } }">to user 以params携带</router-link>2. 编程式导航使用this.$router进行跳转 $router可以访问到路由的实例this.$router.push('/home') this.$router.push('/home?id=123') // 携带query参数 this.$router.push({ path: '/home', query: { id: 123 } }) // 携带query参数 this.$router.push({ name: 'homeIndex', params: { id: 123 } }) // 携带params参数 需要和命名路由搭配使用$router实例的跳转方法push() // 跳转到指定的路由，向history历史中添加记录，点击返回，返回到来之前的路由。 go(n) // 向前前进 n 或 后退 n个路由 n可为负数 replace() // 跳转到指定的路由，但是不会在history中添加记录，点击返回，会跳转到上上一个路由。 back() // 后退 forward() // 前进

js如何实现复制功能 复制功能实现方法先创建一个 textarea 文本域dom元素将要复制的文本放到文本域中将dom元素添加到body中调用select()将文本域的内容全选使用document.execCommand('copy')方法进行复制dom.remove() 将文本域自身移除封装成函数/* * @description js复制功能 * @param text {String} 要复制的文本 * @param fn {Function} 复制成功的回调函数 参数为复制成功的text */ function copy(text, fn) { const input = document.createElement('textarea') // 创建文本域 input.value = text // 将要复制的文本放到文本域中 document.body.appendChild(input) // 添加到body中 input.select() // 全选 document.execCommand('copy') // 复制 input.remove() // 删除自身 fn && fn(text) // 复制成功的回调... }

如何封装axios，并模块化 1. 安装axiosnpm install axios -s2. 导入axios// utils/request.js import axios from 'axios' export const baseURL = process.env.NODE_ENV === 'production' ? 'http://wrz521.top:8080/api/' :   'http://127.0.0.1:8080/api/' // 实例化axios const request = axios.create({ baseURL, // 基准路径 timeout: 10000 }) // 添加请求拦截器 request.interceptors.request.use(function (config) { // 在发送请求之前做些什么 if (config.url !== '/my/login') { config.headers.Authorization = getToken() } return config }, function (error) { // 对请求错误做些什么 return Promise.reject(error) }) // 添加响应拦截器 request.interceptors.response.use(function (response) { // 对响应数据做点什么 const { data } = response if (data.status === 401) { removeToken() router.push('/login') } return data }, function (error) { // 对响应错误做点什么 return Promise.reject(error) }) export default request3. 使用request封装api函数// api/user.js import request from '@/utils/request.js' export const login = function (username, password) { return request({ url: '/api/login', method: 'get', params: { username, password } }) }4. 在页面中调用api函数发送请求import { login } from '@/api/user.js' export default { data () { return { username: 'admin', password: '123456789' } }, mounted () { this.onLogin() }, methods: { async onLogin () { const res = await login(this.username, this.password) console.log(res, 'login result') } } }