局域网建设简单的影视网站,代做ppt平台,wordpress免费网页建站,wap网站建设教程!-- 过滤器#xff1a; 定义#xff1a;对要显示的数据进行特定格式化之后再显示#xff08;使用与一些简单的逻辑#xff09;语法#xff1a;1. 注册过滤器#xff1a;Vue.filter.(name, callback) 或 new Vue{filters: {}}2. 使用过滤器#xff1a;{{xxx 过滤器名…!-- 过滤器 定义对要显示的数据进行特定格式化之后再显示使用与一些简单的逻辑语法1. 注册过滤器Vue.filter.(name, callback) 或 new Vue{filters: {}}2. 使用过滤器{{xxx 过滤器名}} 或 v-bind:属性 xxx | 过滤器名备注1. 过滤器也可以接收额外参数、多个过滤器也可以串联2. 并没有改变原本的数据是产生新的对应的数据--
div idroot!-- 计算属性实现 --h1时间{{fmtStr}}/h1!-- 方法实现 --h1时间{{getFormatTime()}}/h1!-- 过滤器实现 --h1时间{{time | timeFormater}}/h1!-- 过滤器实现传参 --h1时间{{time | timeFormater(YYYY年MM月DD日)}}/h1!-- 过滤器实现多次过滤 --h1时间{{time | timeFormater(YYYY年MM月DD日) | mySlice}}/h1!-- 属性实现过滤 --p :xmsg | mySlice/pinput typetext v-modelmsg | mySlice
/div全局的过滤器
// 全局的过滤器
Vue.filter(mySlice, value {return value.slice(0, 5);
})Vue 实例的过滤器
filters: {timeFormater(value, str YYYY年MM月DD日 HH时mm分ss秒) {return dayjs(value).format(str);}
}
