vue开发的一些设置以及技巧

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

引入其它css样式需要加~ @找到的是src目录

对于常用的路径可以设置别名 @代表src 常用的地址在webpack.base.conf.js中设置即可

设置完只需这样引入即可

计算多个图标循环轮播

1.设置空数组

2.循环所有图标项

3.如果大于8项则page为1 将显示到第2页小于为0,显示到第一页如果没有数据还是为空数组

4.返回pages

【转发机制-代理 】webpack的功能

需求：当请求地址为/api开头时，把该请求转发到本地的 /static/mock 目录

目的：模拟真实路径，防止上线后再修改请求路径而出现问题

方法：在config/index.js里面的 dev -> proxyTable中 设置如下（详情如图）

   proxyTable: {

      '/api': {

        target: 'http://localhost:8080',

        pathRewrite: {

          '^/api': '/static/mock'

        }

      }

    }

better-scroll一些用法可以滚动到与侧栏列表点击位置相对应的区域

可以用ref设置for循环的列表 ref可以设置为key值

每次切换路由都在顶部

  scrollBehavior (to, from, savedPosition) {

    return {x: , y: }

  }

jsonp封装

import originJSONP from 'jsonp'

export default function jsonp(url, data, option) {

  url += (url.indexOf('?') <  ? '?' : '&') + param(data)

  return new Promise((resolve, reject) => {

    originJSONP(url, option, (err, data) => {

      if (!err) {

        resolve(data)

      } else {

        reject(err)

      }

    })

  })

}

function param(data) {

  let url = '';

  for (var k in data) {

    let value = data[k] !== undefined ? data[k] : ''

    url += `&${k}=${encodeURIComponent(value)}`

  }

  return url ? url.substring() : ''

}