提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue--过滤器

Vue -- 过滤器
2023-09-27 14:26:51 时间

效果图

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>过滤器</title>
 <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script>
</head>

<body>
  <div id="app">
    <p>过滤前：{{ time}}</p>
    <p>过滤后：{{ time|filter}}</p>
  </div>

  <script>
    //定义一个 Vue 全局的过滤器，名字叫做filter
     Vue.filter('filter', function (time) {
        return time.toLocaleString();
      })

    var vm = new Vue({
      el: '#app',
      data: {
        time: new Date()
      }
      
    });
     
  </script>
</body>

</html>

学习资源推荐：https://blog.csdn.net/qq_42813491/article/details/90213353

相关文章