2星 需积分: 45 51 下载量 75 浏览量
2014-04-14
21:37:28
上传
评论 5
收藏 11KB FIG 举报 
怎么用正则去判断下面字符串里面的components对象里面的组件的最后一个组件是否有逗号，下面是一个vue格式的字符串数据：<template>
<MetaGrid :op="op"></MetaGrid>
<ihr-area-org v-model=""></ihr-area-org>
<ihr-basic-info-pannel pannelData=""></ihr-basic-info-pannel>
<ihr-area-org v-model=""></ihr-area-org>
<ihr-tips tipsType=""></ihr-tips>
<ihr-tab-bar op=""></ihr-tab-bar>
<ihr-batch-file-upload v-model="" edm-upload-token-url=""></ihr-batch-file-upload>
</template>
<script>
import { getColumns, toolbar, advancedFilter, ajfuPopupSelect, gridData } from '@/views/at-appraisals-page/model/appraisals-grid-two';
import { pageBusMap } from '@/views/at-appraisals-page/page-bus-map';
import { pageBus, MetaGrid, GridOp } from '@iHR/lib/meta';
import IhrBasicInfoPannel from '@iHR/lib/ihrBasicInfoPannel';
import IhrAreaOrg from '@iHR/lib/ihrAreaOrg';
import IhrTips from '@iHR/lib/ihrTips';
export default {
components: {
IhrBasicInfoPannel,
IhrAreaOrg,
IhrTips,
},
data() {
return {
op: {}
};
},
created() {
this.op = this.getGridOp();
},
methods: {
// 获取表格 op 配置
getGridOp() {
const op = new GridOp({
uniKey: 'g1tfZsgocd-grid',
i18nPrefix: 'atAppraisalsPage.appraisalsGridTwo',
fetchData: gridData,
columns: getColumns(this),
props: { editMode: '', isEnablePager: true, border: true, showHeader: true },
operationColumns: this.getOperationColumns(),
toolbar: this.getToolbarConfig()
});
return op;
},
// 获取工具栏按钮配置
getToolbarConfig() {
toolbar.buttons = [
{ slots: ajfuPopupSelect },
{
slots: {
component: 'FilterButton',
props: {
multiple: false,
options: [
{ id: 'id_dwan', label: '13-15级', value: 'valueid_dwan', _RID: 'row_1' },
{ id: 'id_qwkg', label: '16-17级', value: 'valueid_qwkg', _RID: 'row_2' },
{ id: 'id_ekpv', label: '18-19级', value: 'valueid_ekpv', _RID: 'row_3' },
{ id: 'id_ezbb', label: '20级及以上', value: 'valueid_ezbb', _RID: 'row_4' }
]
}
}
}
];
toolbar.advancedFilter = this.getAdvancedFilter();
return toolbar;
},
search() {
this.op.getRef()?.handleFetch('reload');
},
// 获取高级筛选配置
getAdvancedFilter() {
advancedFilter.setEvents({
search: value => {
// value 已选择过滤项数据
}
});
return advancedFilter;
},
// 获取表格操作列配置
getOperationColumns() {
return [
{
icon: 'IconEdit',
style: { fill: '#999' },
click: ({ row }) => {
this.showDialog('edit-appraise-dialog', { data: row });
}
},
{
icon: 'IconDialog',
style: { fill: '#999' },
click: ({ row }) => {}
}
];
}
}
};
</script>
浏览：5
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
cracker9999992016-08-10下完不知道怎么用
