TypeScript vue.filter函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中vue.filter函数的典型用法代码示例。如果您正苦于以下问题：TypeScript filter函数的具体用法？TypeScript filter怎么用？TypeScript filter使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了filter函数的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1:

import Vue from "vue";

Vue.filter("title", (value: string) => {
  const wordRe = /($[a-z])|[A-Z][^A-Z]+/g;
  return value.match(wordRe).join(" ");
});

开发者ID:szhorvath，项目名称:vue-typescript-till，代码行数:6，代码来源:title.ts

示例2:

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key]);
});

开发者ID:yuhonyon，项目名称:veditor，代码行数:3，代码来源:main.ts

示例3:

import Vue from "vue"

const json = Vue.filter("json", value => JSON.stringify(value, null, 2))
export {
    json
}

开发者ID:SPARTAN563，项目名称:cv，代码行数:6，代码来源:json.ts

示例4: parseFloat

import Vue from "vue";

Vue.filter("pound", (value: string) => {
  return "ÂŁ" + parseFloat(value).toFixed(2);
});

开发者ID:szhorvath，项目名称:vue-typescript-till，代码行数:5，代码来源:pound.ts

示例5:

import Vue from "vue"
import * as moment from "moment"

const relativeTime = Vue.filter("relativeTime", value => moment.utc(value).local().fromNow())
const calendarTime = Vue.filter("calendarTime", (value) => moment.utc(value).calendar())
const formatTime = Vue.filter("formatTime", (value, format) => moment.utc(value).format(format || "YYYY-MM-DD HH:mm"))

export {
    relativeTime,
    calendarTime,
    formatTime
}

开发者ID:SPARTAN563，项目名称:cv，代码行数:12，代码来源:time.ts

示例6: install

export default function install() {
  Vue.filter("short-hash", shortHash);
  Vue.filter("long-date", longDate);
}

开发者ID:wonderful-panda，项目名称:inazuma，代码行数:4，代码来源:filters.ts

示例7:

Vue.filter('userPage', (user, path?) => {
	return '/@' + Vue.filter('acct')(user) + (path ? '/' + path : '');
});

开发者ID:ha-dai，项目名称:Misskey，代码行数:3，代码来源:user.ts

示例8: startCase

import * as Vue from 'vue'
import { startCase } from 'lodash'
import emojione from 'emojione'


// const emojione = require('emojione')

Vue.filter('emojione', (value) => {
  return emojione.toImage(value)
})

Vue.filter('startCase', (value) => {
  return startCase(value)
})

开发者ID:InnoDevelopment，项目名称:frontend，代码行数:14，代码来源:filters.ts

示例9: Vue

import Vue from 'vue';
import App from './App.vue';
import * as ElementUI from 'element-ui';
import router from './router';
import Vfilters from '@/views/filters/filters';
import store from '@/views/store/store';
import './assets/index.css';
import './permission';

for (const key in Vfilters) {
  Vue.filter(key, Vfilters[key]);
}

Vue.config.productionTip = false;
Vue.use(ElementUI);
new Vue({
    router,
    store,
    render: (h) => h(App),
}).$mount('#app');

开发者ID:ranshuai，项目名称:-vue-ts-vuecli3.0-elementUi，代码行数:20，代码来源:main.ts

示例10: getAcct

import Vue from 'vue';
import getAcct from '../../../../../misc/acct/render';
import getUserName from '../../../../../misc/get-user-name';

Vue.filter('acct', user => {
	return getAcct(user);
});

Vue.filter('userName', user => {
	return getUserName(user);
});

Vue.filter('userPage', (user, path?) => {
	return '/@' + Vue.filter('acct')(user) + (path ? '/' + path : '');
});

开发者ID:ha-dai，项目名称:Misskey，代码行数:15，代码来源:user.ts

注：本文中的vue.filter函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。