亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue的filters過濾器怎么使用

發布時間:2022-11-15 09:57:36 來源:億速云 閱讀:181 作者:iii 欄目:開發技術

本篇內容主要講解“Vue的filters過濾器怎么使用”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“Vue的filters過濾器怎么使用”吧!

1、示例代碼

采用vue單文件組件,使用moment插件格式化日期

<template>
 <div>
  <h2>{{date | dateFormat}}</h2> 
 </div>
</template>
<script>
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 moment.locale('zh-cn');
 export default {
  data() {
   return {
    date: new Date()
   }
  },
  filters: {
   dateFormat(val) {
    return moment(val).calendar();
   }
  }
 }
</script>

2、說明

過濾器內是沒有this引用的,過濾器內的this是undefined,所以不要在過濾器內嘗試使用this引用組件實例的變量或者方法。

ps:下面看下Vue 過濾器的基本用法

// 注冊
Vue.filter('my-filter', function (value) {
 // 返回處理后的值
})
// getter,返回已注冊的過濾器
var myFilter = Vue.filter('my-filter')

//在mustache中使用
{{ msg | uppercase }}

//在標簽中使用
<input type="password" v-model="psw | validate">

vue是什么

Vue是一套用于構建用戶界面的漸進式JavaScript框架,Vue與其它大型框架的區別是,使用Vue可以自底向上逐層應用,其核心庫只關注視圖層,方便與第三方庫和項目整合,且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。

到此,相信大家對“Vue的filters過濾器怎么使用”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

大姚县| 马边| 惠东县| 进贤县| 三门县| 阳高县| 陵川县| 建始县| 新沂市| 荔浦县| 如皋市| 白水县| 新绛县| 龙州县| 司法| 新邵县| 锦屏县| 闽清县| 铜鼓县| 黎平县| 安化县| 宾川县| 石门县| 沁阳市| 常德市| 金山区| 南开区| 长岭县| 毕节市| 应城市| 连江县| 阜城县| 稻城县| 常州市| 连州市| 辛集市| 临泉县| 威宁| 兰溪市| 台北县| 沛县|