美文网首页程序员
vuejs的v-bind:value=""中使用过滤器

vuejs的v-bind:value=""中使用过滤器

作者: 竿牍 | 来源:发表于2020-12-14 11:03 被阅读0次

vue.js中,过滤器可以直接在template中绑定变量时使用

<my-cell title="要求运输方式" v-bind:value="supplyPlan.deliverType | deliverType"></my-cell>

js代码:

filters: {
    deliverType: function (value) {
      var str = '';
      if (value == 'E') {
        str = "快递运输";
      } else if (value == 'L') {
        str = "物流运输";
      } else {
        str = "客户自运";
      }
      return str;
    }
  }

相关文章

  • vuejs的v-bind:value=""中使用过滤器

    vue.js中,过滤器可以直接在template中绑定变量时使用 js代码:

  • AngularJs过滤器

    在AngularJS中使用过滤器格式化展示数据,在“{{}}”中使用“|”来调用过滤器,使用“:”传递参数。 1、...

  • Vue - 过滤器

    过滤器:用于一些常见的文本格式化可用过滤器的地方:双花括号插值和 v-bind 表达式 在组件选项中局部定义过滤器...

  • vue的简单使用5-过滤器的使用

    vue过滤器可以格式化常用文本,vue过滤器只能在插值表达式{{}}和v-bind中使用 顾名思义,过滤就是一个数...

  • vue过滤器的使用

    过滤器的介绍: 1、在Vue中使用过滤器(Filters)来渲染数据是一种很有趣的方式。2、首先我们要知道,Vue...

  • Springboot中过滤器使用@Value获取配置文件值为nu

    在本地开发阶段,过滤器中使用@Value可以正常获取配置文件中的值 application.yaml配置文件如下:...

  • vue - 定义和使用过滤器filter

    一、过滤器的介绍 1、在Vue中使用过滤器(Filters)来渲染数据是一种很有趣的方式。2、首先我们要知道,Vu...

  • 过滤数据

    已知vue自己有一个过滤器,但是只能在v-bind和mustache插值{{}}表达式中使用,是有一定的局限性的,...

  • vue.js 的 api

    Vue 的API v-bind:value="phone" : value的数据绑定,DOM从实例的 data 中...

  • v-bind和v-model

    v-bind v-bind 主要用于属性绑定,比方你的class属性,style属性,value属性,href属性...

网友评论

    本文标题:vuejs的v-bind:value=""中使用过滤器

    本文链接:https://www.haomeiwen.com/subject/caqvgktx.html