官网网站建设收费,写文章免费的软件,wordpress云音乐插件,网上拿手工做的网站在table中#xff0c;需要对obj的数据类型进行文字转换#xff0c;例如后台接口返回的姓别值#xff1a;1#xff0c;2。其中需要页面根据字典需要把1》男#xff0c;2》女进行转换。 以前的习惯是每一个过滤方法都写一个方法进行转换#xff0c;例如#xff1a; 页面代…在table中需要对obj的数据类型进行文字转换例如后台接口返回的姓别值12。其中需要页面根据字典需要把1》男2》女进行转换。 以前的习惯是每一个过滤方法都写一个方法进行转换例如 页面代码 el-table-column width200pxalignleft label性别template slot-scopescopespan{{scope.row.sex | filterSex }}/span/template
/el-table-column 其中过滤器方法 后面发现只需要写一个过滤器即可需要传入需要转换的值以及用于获取转换的字典项的vuex的getter即可。 错误写法 以下的错误写法发现我在filterSex方法中接收到的数据都是sex的value值而接收不到sexGetter的值。 el-table-column width200pxalignleft label性别template slot-scopescopespan{{scope.row.sex | filterFieldFunscope.row.sex, sexGetter }}/span /template
/el-table-column 原因 经过查看官网https://cn.vuejs.org/v2/guide/filters.html得知需要过滤的值不需要再过滤器方法中传递在接收的时候已经默认方法值第一个参数就是需要过滤的值。因此正确写法是 el-table-column width200pxalignleft label性别template slot-scopescopespan{{scope.row.sex | filterFieldFunsexGetter }}/span /template
/el-table-column 这样方法接收到scope.row.sex的值和‘sexGetter 关于过滤器的官网截图说明 转载于:https://www.cnblogs.com/luoxuemei/p/9952356.html
