固定列表的表格

固定的行:行名称不一样,每一个值对应赋值
在这里插入图片描述

html:

		<el-table class="table-box" :data="allObj.peoArr"><el-table-column prop="name" min-width="130"></el-table-column><el-table-column label="车主" prop="owner" min-width="180" v-if="typeFlag == 1 || typeFlag == 2 "><template slot-scope="scope"><span>{{ (scope.row.owner || '') }}</span></template></el-table-column><el-table-column prop="insuredName" label="被保险人" min-width="180"><template slot-scope="scope"><span>{{ (scope.row.insuredName || '') }}</span></template></el-table-column><el-table-column prop="benefiPeo" label="受益人" min-width="180" v-if="typeFlag ==3"><template slot-scope="scope"><span>{{ (scope.row.benefiPeo || '') }}</span></template></el-table-column><el-table-column label="投保人" min-width="180"><template slot-scope="scope"><span>{{ (scope.row.applicantName || '') }}</span></template></el-table-column></el-table>

data:

        peoArr: [{ name: '姓名', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '手机号', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '证件类型', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '证件号', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '邮箱', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '城市', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '地址', owner: '', insuredName: '', benefiPeo: '', applicantName: '' }],

方法内 对应赋值

this.allObj.peoArr = [{ name: '姓名', owner: '1', insuredName: '11', benefiPeo: '王企鹅无群', applicantName: '' },{ name: '手机号', owner: '2', insuredName: '22', benefiPeo: '王企鹅', applicantName: '' },{ name: '证件类型', owner: '3', insuredName: '222', benefiPeo: '', applicantName: '特务' },{ name: '证件号', owner: '4', insuredName: '444', benefiPeo: '惹我', applicantName: '' },{ name: '邮箱', owner: '5', insuredName: '555', benefiPeo: '', applicantName: '二' },{ name: '城市', owner: '6', insuredName: '666', benefiPeo: '', applicantName: '' },{ name: '地址', owner: '7', insuredName: '777', benefiPeo: '', applicantName: '' }]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403626.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

拼图算法分析...

From: http://blog.sina.com.cn/s/blog_6a4b57e30100mfch.html 一、题目说明&#xff1a;   &#xff08;九宫问题&#xff09;在一个&#xff13;&#xff13;的九宫中有&#xff11;&#xff0d;&#xff18;这&#xff18;个数及一个空格随机的摆放在其中的格子里&#…

uni-app小程序本地打包超过2M不能预览问题;小程序打包过大不能预览和真机调试;uni-app分包;

一、问题&#xff1a;我们在小程序工具中开发时候&#xff0c;需要本地打包&#xff0c;但是当本地的打包文件大于2M时候&#xff0c;预览的二维码就会有问题&#xff0c;导致真机扫码打不开或者有遗漏。 二、此时就需要开启分包 1.微信小程序每个分包的大小是2M&#xff0c;总…

MySQL从5.5升级到5.6,TIMESTAMP的变化

转载来自http://blog.csdn.net/ghsau。 MySQL从5.5升级到5.6&#xff0c;TIMESTAMP的变化 TIMESTAMP在MySQL5.5中的行为 第一个未设置默认值的TIMESTAMP NOT NULL字段隐式默认值&#xff1a; CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP后面未设置默认值的TIMESTAMP NOT …

Asp.Net MVC开源CMS - Orchard

最近在学习Asp.Net MVC, 一直是step by step地看官方文档。 想找个成熟的MVC开发的开源系统&#xff0c;系统学习一下MVC, 搜索了一下&#xff0c;惊喜的发现了Orchard. 这个是介绍 2011/01/21号发布的关于Orchard的介绍&#xff0c;说明Orchard还是一个非常新鲜的事物。以后会…

letsencrypt 免费https安装过程linux centos

curl https://get.acme.sh | sh ~/.acme.sh/ 再修改conf的配置 /home/nginx-1.12.1/conf 目录里的nginx.conf server {server_name www.demo.com;location / {rewrite root html/index/;}} 重启 nginx /home/nginx-1.12.1/sbin/nginx -s reload 运行 我用的是nginx…

拼图游戏及其相关算法

From: http://blog.sina.com.cn/s/blog_4ed8b87701011c6x.html 这个问题其实可以简单表述成&#xff0c;3*3的格子装了1至8&#xff0c;8个数字&#xff0c;数字是随机分布于各个格子中&#xff0c;问是否可以利用空格的格子&#xff0c;移动装有数字的格子最终达到某种序列&a…

在移位数组中查找数

题目描述&#xff1a; 一个数组是由一个递减数列左移若干位形成的&#xff0c;比如{4&#xff0c;3&#xff0c;2&#xff0c;1&#xff0c;6&#xff0c;5}是由{6&#xff0c;5&#xff0c;4&#xff0c;3&#xff0c;2&#xff0c;1}左移两位形成的&#xff0c;在这种数组中查…

小程序分享功能记录;小程序页面分享给好友携带参数

需求&#xff1a; 现有首页index和新增车辆页add-car。 正常操作流程是&#xff1a;从首页index点击按钮&#xff0c;会携带参数id跳转到新增车辆页add-car。 现在需求是用户A从首页index携带参数id跳转到新增车辆页add-car&#xff0c;在add-car页面点击分享按钮&#xff0c;将…

关于Application.Lock和Lock(obj)

1.Application.Lock和Application.UnLock一般配对出现&#xff0c;用于锁住Lock与UnLock之间的所有代码&#xff08;注意不光锁住对于Application的赋值&#xff09;。 2.Lock(obj) 于用锁住obj对象&#xff0c;obj对象必须是全局对象&#xff08;如&#xff1a;Application&am…

mysql事务处理

2019独角兽企业重金招聘Python工程师标准>>> ACID:Atomic、Consistent、Isolated、Durable 存储程序提供了一个绝佳的机制来定义、封装和管理事务。 1&#xff0c;MySQL的事务支持 MySQL的事务支持不是绑定在MySQL服务器本身&#xff0c;而是与存储引擎相关&#x…

记录一次uni-app页面跳转无效 来回跳转问题

问题&#xff1a;本身代码写的有问题导致的。从首页A跳转到新增页面B&#xff0c;在B页面点击保存后&#xff0c;再跳到首页A。此时在首页A&#xff0c;这时候无论点击跳转哪个页面&#xff0c;跳转成功后都会立即再跳回首页。 原因&#xff1a;B页面保存后&#xff0c;因为加了…

vue props 传值 触发事件方法

先父页传值 到子页用watch 监听show的值改变&#xff0c;触发方法 <dialog :showshowData v-on:listenhandData></dialog>data(){return:{showData:true} } methods:{handData(){....} } props:{show:Boolean} watch:{show:function(indexVal, oldVal){console.…

No1_6.字符串的基本操作2_Java学习笔记

1 import java.util.Scanner;2 import java.util.regex.Pattern;3 4 public class HelloString2 {5 6 public static void main(String[] args) {7 // TODO Auto-generated method stub8 /*******************9 *一、正则表达式&#xff1a;对输入…

IE6双倍边距

2019独角兽企业重金招聘Python工程师标准>>> 前言&#xff1a;IE6双倍边距这个问题其实早在学习CSS之初都已经知道如何解决&#xff0c;但当时只知道如何解决而并不知道引起这个BUG的原因是什么&#xff0c;再接下来工 作过程中不断实践也终于明白是怎么回事了。但最…

centOs 7.2*64 ECS nginx安装教程

在服务器新建个文件夹放nginx下载包 mkdir ./nginx cd ./nginx 跳转到nginx文件下载 wget http://nginx.org/download/nginx-1.13.0.tar.gz 解压 tar -xvf ./(nginx的文件名) 进到解压文件&#xff0c;运行 ./configure --prefix/usr/local/nginx --with-http_ssl_module…

typeid详解

From: http://www.cppblog.com/smagle/archive/2010/05/14/115286.aspx 在揭开typeid神秘面纱之前&#xff0c;我们先来了解一下 RTTI &#xff08;Run-Time Type Identification&#xff0c;运行时类型识别&#xff09;&#xff0c;它使程序能够获取由基指针或引用所指向的对…

H5静态页面跳转微信小程序;从外部浏览器,点击H5链接跳转打开微信小程序;以及在微信内直接点击H5链接打开微信小程序;

参考链接 需求&#xff1a;从外部浏览器&#xff0c;点击H5链接跳转打开微信小程序&#xff1b;以及在微信内直接点击H5链接打开微信小程序&#xff1b; 步骤1&#xff1a; 小程序开发需要使用云开发创建项目&#xff0c;使用云开发生成的项目会自带云函数文件夹&#xff1b;…

构建之法阅读笔记02

构建之法第三章讲述的是如何去评价一位软件工程师。首先&#xff0c;类似于艺术创作&#xff0c;一件好的作品一定是经过一位好的艺术家倾注自己的灵感和情感所创作出来的。同样的&#xff0c;一个好的软件也需要一位好的软件工程师倾注他的智慧和汗水才能得以诞生。首先作为初…

c简单的链表错误及改正

2019独角兽企业重金招聘Python工程师标准>>> 以下代码运行时崩溃&#xff1a; #include <iostream> using namespace std; struct node { int num; struct node * next; }; node * creat() { node * headNULL;node*HEADhead; cout<<"输入数字&…