vue--過濾器

時間 2021-08-13

標籤 css html vue app ide code cdn htm blog 圖片欄目 CSS 简体版

原文原文鏈接

效果圖

代碼

<!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>

1. Vue過濾器
2. Vue 過濾器
3. vue 過濾器
4. vue-過濾器
5. vue：過濾器
6. Javascript - Vue - 過濾器
7. Vue 過濾器filters
8. vue-過濾器filter
9. 過濾器 Vue filter
10. Vue 過濾器（Filter）
更多相關文章...
• PHP 過濾器 - PHP教程
• PHP FILTER_CALLBACK 過濾器 - PHP參考手冊
• Docker容器實戰(七) - 容器眼光下的文件系統
• Docker容器實戰(六) - 容器的隔離與限制

相關標籤/搜索