注册vue全局方法,实现方法公用,结合elementUI table组件实现字典值转换,使用prototype原型类方法实现方法继承。有了此方法后再也不用在页面写那么多的自定义转换方法了。
HTML:
<el-table-column prop="gender" label="性别" min-width="80" sortable :formatter="formatterSex">
</el-table-column>
javascript:
Vue.prototype.formatSex = function(row, column, va){
va==1?va="男":va="女"
return va
}
以上是一个公共方法,使用方法如下:
1.可以作为一个js文件引入到所有的页面之中
2.然后调用formatSex方法实现性别转换。