学堂 学堂 学堂公众号手机端

javascript-模板语法{{}}格式化

lewis 1年前 (2024-04-24) 阅读数 11 #技术

模板语法中使用

filter中声明函数

完整代码如下


  <li class="news_li" v-for="(item,index) in noticeList" :key="item.id" v-on:click="newsClick(item.id)">
      <span>{{ item.publishTime |  formatTimer }}</span>
      <a href="#">{{ item.title }}</a>
  </li>
<script>
  export default {
     data(){
     },
     filters: {
       formatTimer: function (value) {
         let date = new Date(value);
         let y = date.getFullYear();
         let MM = date.getMonth() + 1;
         MM = MM < 10 ? "0" + MM : MM;
         let d = date.getDate();
         d = d < 10 ? "0" + d : d;

         return y + "-" + MM + "-" + d;
       }
     },
  };
</script>
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门