vue 过滤器 filter

最新推荐文章于 2023-02-28 21:06:09 发布

Claroja

最新推荐文章于 2023-02-28 21:06:09 发布

阅读量100

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/claroja/article/details/112796189

版权

vue 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

<body>
  <div id="app">
    <input type="text" v-model='msg'>
    <div>{{msg | upper}}</div><!--差值表达式-->
    <div>{{msg | upper | lower}}</div> <!--后面的过滤器会覆盖前面的-->
    <div :abc='msg | upper'>测试数据</div><!--属性绑定的方式-->
  </div>
  <script type="text/javascript" src="js/vue.js"></script>
  <script type="text/javascript">
    var vm = new Vue({
      el: '#app',
      data: {
        msg: ''
      },
      filters: {
        upper: function(val) {
          return val.charAt(0).toUpperCase() + val.slice(1);
        }
      }
    });
  </script>
</body>