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

vue之js调用filter

2019年03月29日 发布 阅读(713) 作者:Jerman

html中调用

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

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

js中调用

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

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

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 国际 许可协议,如需转载,请注明出处

评论

  •