首页
Javascript
Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于
公司注册

vue之js调用filter

2019年03月29日 发布 阅读(4363) 作者：Jerman

html中调用

html中调用filter方法，参考官网 https://cn.vuejs.org/v2/guide/filters.html

  1. <!-- 在双花括号中 -->
  2. {{ message | capitalize }}
  4. <!-- 在 `v-bind` 中 -->
  5. <div v-bind:id="rawId | formatId"></div>

js中调用

1、引入Vue，直接用Vue.filter('xxx')调用

  1. import Vue from 'vue';
  3. export default {
  4.     data() {
  5.         return {};
  6.     },
  7.     created(){
  8.         const myFilter = Vue.filter('queryString');
  9.     }
  10. };

2、使用this.$option

  1. export default {
  2.     data() {
  3.         return {};
  4.     },
  5.     created(){
  6.         const myFilter = this.$options.filters.queryString
  7.     }
  8. };

3、使用this.constructor

  1. export default {
  2.     data() {
  3.         return {};
  4.     },
  5.     created(){
  6.         const myFilter = this.constructor.filter('queryString')
  7.     }
  8. };
版权声明：本站文章除特别声明外，均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议，如需转载，请注明出处

© 2018 IMQIANDUAN.COM 粤ICP备18143223号