没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
1页
1、示例代码 采用vue单文件组件,使用moment插件格式化日期 <template> <div> <h1>{{date | dateFormat}}</h1> </div> </template> [removed] import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); export default { data() { return { date: new Date() } }, filters: { dateFormat(
资源推荐
资源详情
资源评论
Vue 过滤器过滤器filters及基本用法及基本用法
1、示例代码、示例代码
采用vue单文件组件,使用moment插件格式化日期
<template>
<div>
<h1>{{date | dateFormat}}</h1>
</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、效果、效果
3、说明、说明
过滤器内是没有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 过滤器filters及基本用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会
及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!
资源评论
weixin_38711110
- 粉丝: 5
- 资源: 933
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功