Vue中的过滤器

Vue 中自定义过滤器,可被用于一些常见的文本格式化

# 定义过滤器

全局过滤器 src-> main.js (在创建 Vue 实例之前)

Vue.filter('capitalize', value => {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

在一个组件的选项中定义本地的过滤器

filters: {
  price (value) {
    let val = Number(value)
    let	pri = ''

    if(val < 1000) {
    	pri = val
    } else if (val >= 1000 && val < 10000){
    	val = val / 1000
    	pri = val + '千'
    } else if(val >= 10000){
    	val = val / 10000
    	pri = val + '万'
    }
    return pri
  }
}

# 使用过滤器

{{ value | price }}

<!-- or -->

<div :price="value | capitalize"></div>

过滤器可以串联

{{ value | price | toRMB }}
向php发送json的一种处理方法

向php发送json的一种处理方法

由于PHP的默认接收方式为 'Content-Type": "application/x-www-form-urlencoded",如果直接向 PHP 发送 json 则 PHP 解析不到数据。需要前端或者后端修改一下

Object构造函数的方法

Object构造函数的方法

JavaScript 中的所有事物都是对象。整理 Object 构造函数的方法