zoukankan      html  css  js  c++  java
  • ② vue如何定义一个过滤器

    filters: {
      parseType(val) {
        return val === 1 ? '现场招聘会' : '网络招聘会'
      }
    }
    
    <el-table-column label="招聘会类型" width="150" align="center" >
      <template slot-scope="scope">
        {{ scope.row.type | parseType }}
      </template>
    </el-table-column>
    
    <div id="app">
      <input type="text" v-model="msg" />
      {{msg| capitalize }}
    </div>
    
    var vm=new Vue({
      el:"#app",
      data:{
        msg:''
      },
      filters: {
        capitalize: function (value) {
          if (!value) return ''
            value = value.toString()
            return value.charAt(0).toUpperCase() + value.slice(1)
          }
        }
    })
    
    // 全局定义过滤器
    Vue.filter('capitalize', function (value) {
      if (!value) return ''
      value = value.toString()
      return value.charAt(0).toUpperCase() + value.slice(1)
    })
    
    // 过滤器接收表达式的值 (msg) 作为第一个参数。capitalize 过滤器将会收到 msg的值作为第一个参数。
     
    
    • 解决处理响应数据的性能问题
  • 相关阅读:
    在线pdm查看
    vscode
    idea for Mac 代码提示设置
    定位功能
    canvas刮奖
    jquery生成二维码
    Redux DevTools浏览器插件调试redux
    .gitignore
    HBuilder在MAC下的SVN
    UMD编码规范
  • 原文地址:https://www.cnblogs.com/pleaseAnswer/p/14066631.html
Copyright © 2011-2022 走看看