vue动态组件实现动态列的方法

本文获取动态列和动态表单的后端使用数据库存储，使用java接口获取代码内容。

后端代码我就不粘贴出来了，就是普通的从数据库中获取代码，获取到的代码例子如下：

已下代码是iview的table列信息

        { title: '代码',  key: 'dm' ,fixed: 'left' },{ title: '名称',  key: 'mc' ,fixed: 'left' , tooltip:true}

 前端代码的例子：

        //查询自定义列信息接口queryColApi: function (id) {var url = baseUrl + 'core/zdylxx/api/'+id;// 返回一个 Promise 对象return new Promise((resolve, reject) => {$.ajax({url: url,type: 'POST',data: { },dataType: 'json',success: function (res) {let nr = res.content.nr;try {// 尝试执行 eval 操作var obj = eval(nr);// 异步操作成功，将结果传递给 resolveresolve(obj);} catch (error) {// eval 操作出错，将错误信息传递给 rejectreject(error);}},error: function (err) {console.log('err:', err);// 异步请求出错，将错误信息传递给 rejectreject(err);}});});},

        getcolumns: function (id,columnsName) {let self = this;self.queryColApi(id).then(result => {//console.log('结果:', result);self[columnsName]=result}).catch(error => {console.log('出错:', error);});},

在页面中直接调用即可：

	created: function () {let self = this;self.getcolumns('YXGL_QUERY_COLUMN', 'columns');}