佳宸学习和分享笔记的地方

0%

vue.js商城项目(三)

vue.js商城项目(三)

(filter)精度价格

在很多电商项目中,有许多价格标签需要精确到小数点后两位。

创建一个js文件

1
2
3
export function toMoney(money = 0) {
return money.toFixed(2)
}

精确到小数点后两位

在需要的文件引入

import {toMoney} from "@/filter/moneyFilter.js"

script中写filter方法

1
2
3
4
5
6
7
filters:{

moneyFilter(money){

return toMoney(money)

}
1
<div>${{item.price | moneyFilter}}(${{item.mallPrice | moneyFilter}})</div>

1568982154665


分离URL

创立一个独立的配置文件,当域名需要修改的时候,只需修改一次

1
2
3
4
5
const BASEURL = "http://localhost:3001/"
const URL = {
getShoppingMallInfo: BASEURL + 'data',
}
module.exports = URL

在需要的组件中引入

import url from "@/serviceAPI.config.js"

在axios中直接获取暴露的url

1
2
3
4
5
6
7
    axios({

​ url: url.getShoppingMallInfo,

​ method: "get"

​ })