vue全局使用filter模块格式化参数(涉及JavaScript正则分组)

最新推荐文章于 2024-07-25 00:00:33 发布

qq_42750608

最新推荐文章于 2024-07-25 00:00:33 发布

阅读量366

点赞数

分类专栏： vue 文章标签： vue filter 正则分组数据格式化

本文链接：https://blog.csdn.net/qq_42750608/article/details/90966427

版权

vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

1.新建filter目录,内写index.js

let dataServer = value => {
    //保留xxxx-xx-xx的格式
    // return value.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3')
    var pattern = /^(\d{4})\-(\d{2})\-(\d{2})\s(\d{1,2}\:\d{1,2})$/
    //保留XX:xx的时间格式
    return value.replace(pattern, '$4')
}
export { dataServer }

2.在main.js全局引入

3.在xxx.vue中使用

<template>
  <div id="app">
    <ul>
      <li>{{date1|dataServer}}</li>
    </ul>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {
    HelloWorld
  },
  data() {
    return {
      date1: '2019-01-01 00:01'
    }
  },
  mounted() {
    alert(window.devicePixelRatio); //检测设备是几倍屏幕
    return
  }
}
</script>