iview表格处理后台返回的字符串

在用vue+iview做的一个项目中，后台给我返回一个名称和费用拼接的字符串，我在iview的表格中显示出来，并且要让折行显示或者是加四个空格显示。发现后台给我加上的空格在前端根本显示不出来，还得自己处理。

效果图：

后台返回数据：

typeList: " 图文咨询  (0.01)   视频会诊  (0.02)"

解决思路：

拿到后台给的属性，先把把字符串用空格分隔成数组，取到自己想要的东西，然后再拼接上多个空格 或者是<br/>。再把处理好的属性，用v-html类似于dom渲染的方法放回到表格中。

示例：

{title: '开放的会诊类型和费用',key: 'typeList',render: (h, params) => {let enable = ''let arr = params.row.typeList.split(' ') // 用空格分隔成数组if (arr[6]) { // 判断如果有第二项就用换行符拼接，只返回第一项enable = arr[1] + arr[3] + '<br/>' + arr[6] + arr[8]} else {enable = arr[1] + arr[3]}// 在iview的表格render函数中给v-html赋值return h('div', {domProps: {innerHTML: enable}})}
}

iview表格处理后台返回的字符串相关推荐

【通俗易懂】vue-elementul实现树形数据表格，后台返回的扁平化数组进行树形结构转换处理
效果图需求是做一个这种的多层级表格,树形数据表格. 大家可能遇到的问题一种是不知道如何做这种多层级的表格一种是后台给自己返回的数据不是树形的,也就是没有子父级.全是一条条的扁平化数组.类似这样 ...
Jquery 将后台返回的字符串转换成Json格式的数据
//code by:博客园-曹永思第一步:将DataTable转换成 Json格式的数据方法一 View Code /// <summary>/// DataTable转成Json格 ...
SpringBoot(3) 获取后台返回字符串对象及json数据
下面讲解springboot-web工程如何跳转到一个页面和获取一个后台返回的字符串,对象,以及json数据... 1.创建一个maven web工程 2.导入依赖 <!-- web支 ...
ajax返回实体类字符串,js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
js ajax java传参_js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
微信小程序后台返回的JSON字符串转JSON报错问题解决方案
最近在学习小程序时候,发现后台返回的JSON数据字符串转JSON出错,如下: 转换语句:if (JSON.parse(uploadFileRes.data).code == 401) {//开始出错 ...
后台返回的数组包对象格式的数据转换成表格数据格式的方法
后台返回的数组包对象格式的数据转换成表格数据格式的方法 transformDate(res) {const mapInfo = {id: '编号',password: '密码',mobile: '手机 ...
ajax和map返回数据类型,ajax请求后台返回map类型并如何展示
前台jsp或者ftl文件接收返回结果: 注意:value值用单引号,因为后台返回的结果是json字符串前台js接收返回结果: success: function(data){ var result ...
fastjson 返回json字符串，JSON.parse 报错
这是由于转义字符引起的如 : \ , fastjson 处理后是双反斜杠:\\ ,而 JSON.parse 解析时需要4个反斜杠 ,即 js解析json 反斜杠时,需要 4个解成 1 个解决方法: ...

iview表格处理后台返回的字符串

效果图：

后台返回数据：

解决思路：

示例：

iview表格处理后台返回的字符串相关推荐

最新文章

热门文章