zoukankan      html  css  js  c++  java
  • vuebase-7.过滤器

    Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:

    实例:

    <template lang="html">
    <div class="filter">
    {{money|rmb}}
    <p>{{100|rmb}}</p>
    <p>作者{{authors|author}}</p>
    </div>
    </template>

    <script>
    export default {
    name: "filterDemo",
    data() {
    return {
    money: 20,
    authors:"鲁迅"
    }
    },
    methods: {

    },
    filters: {
    rmb: function(value) {

    if (!value) {
    return;
    }
    value = value.toString();
    return "¥" + value;
    },
    author:function(value){
    if (!value) {
    return;
    }
    value = value.toString();
    return value+"-----来自中国";
    }
    }
    }
    </script>

    <style>
    </style>

  • 相关阅读:
    函数的对称性及其图像变换
    KMP 字符串匹配
    15 保护模式中的特权级(上)
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    2-26安卓自学
  • 原文地址:https://www.cnblogs.com/xiao-peng-ji/p/11333124.html
Copyright © 2011-2022 走看看