记录：vue的常用的方法记录 v-for v-if

╰半橙微兮° 2021-11-22 06:50 245阅读 0赞

<template>
      <div class="content">
        <div class="header">
          <span>时间：{
       {medicalInfo.date}}</span>      
          <span style="float:right;margin-right:20px">{
       {medicalInfo.num}}条</span>
        </div>
        <br >
        <br >
        <div>
          <div v-for="item in medicalResults" :key="item"><br ><br >{
       {item.name}}<br ><br >时间： {
       {item.time}}<br > <br >检验单号：{
       {item.code}}</div>
        </div>
      </div>
    </template>
    
    <script type="text/ecmascript-6">
      
    
      export default {
        data() {
          return {
            medicalResults: [],
            medicalInfo: {
              date: '2019-07-23~2019-07-24',
              num: 2
            }
          }
        },
        mounted() {
          this.initMedicalResults();
    
        },
        methods: {
          initMedicalResults() {
            this.medicalResults = [
              {
                name: '过敏原',
                time: '2019-07-23 17:00:00',
                code: '20190723abc'
              },
              {
                name: '血常规',
                time: '2019-07-23 16:00:00',
                code: '20190723ddd'
              },
            ]
    
          }
        }
      }
    </script>
    
    <style type="text/sass" lang="sass">
    
    
    </style>

<template>
      <div class="content">
        <div class="header">
          <span>时间：{
       {medicalInfo.date}}</span>      
          <span style="float:right;margin-right:20px">{
       {medicalInfo.num}}条</span>
        </div>
        <br >
        <br >
        <div>
          <div v-for="item in medicalResults" :key="item"><br ><br >{
       {item.name}}<br ><br >时间： {
       {item.time}}<br > <br >检验单号：{
       {item.code}}</div>
        </div>
      </div>
    </template>
    
    <script type="text/ecmascript-6">
      
    
      export default {
        data() {
          return {
            medicalResults: [],
            medicalInfo: {
              date: '2019-07-23~2019-07-24',
              num: 2
            }
          }
        },
        mounted() {
          this.initMedicalResults();
    
        },
        methods: {
          initMedicalResults() {
            this.medicalResults = [
              {
                name: '过敏原',
                time: '2019-07-23 17:00:00',
                code: '20190723abc'
              },
              {
                name: '血常规',
                time: '2019-07-23 16:00:00',
                code: '20190723ddd'
              },
            ]
    
          }
        }
      }
    </script>
    
    <style type="text/sass" lang="sass">
    
    
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue - el-form的学习记录 - 记录问题解决方法

问题1： `Elementui在重置表单时，无法使用this.$refs[‘formRefVal‘].resetFields()清空表单数据；` -----------

约定不等于承诺〃/ 2024年03月23日 09:54/ 0 赞/ 107 阅读

相关记录一下常用的IDEA 快捷键

ctrl+y 删除行 ctrl+d 复制行 ctrl+alt+L 格式化代码 alt+ins 自动生成代码 alt+shift+方向键移动行

雨点打透心脏的1/2处/ 2023年07月24日 03:09/ 0 赞/ 17 阅读

相关写SQL常用的操作记录

select (case when length(t.description)>20 then substr(t.description,0

╰半夏微凉°/ 2023年05月31日 10:22/ 0 赞/ 17 阅读

相关 vue记录

循环出子模块，绑定相应的id，并且设置跳转路径；（item是前面循环得出的） ![在这里插入图片描述][20210512144218315.png] 新建cate

曾经终败给现在/ 2023年01月20日 09:52/ 0 赞/ 19 阅读

相关 QT 中常用的函数记录

有些函数指令长时间不用过短时间就陌生了，这里记录一下常用的函数，方便自己有空的时候查找和查看。 1：隐藏一个控件 ui->pushButton->setVisible(f

布满荆棘的人生/ 2022年10月29日 05:23/ 0 赞/ 236 阅读

相关常用的一些记录

logcat -v time | grep "LteEnable|lteSetting|==LTE|zteRil|LteUsbReceiver|ConnectivityServ

￡神魔★判官ぃ/ 2022年08月21日 04:47/ 0 赞/ 265 阅读

相关 Vue的知识记录

年前的时候做了一个电商的小程序，年后过来又开始写公司官网的静态界面，以及根据新需求修改电商后台的接口。但是公司要把小程序转为H5，放到微信公众号当中。本来是直接用w

╰+攻爆jí腚メ/ 2022年05月27日 10:55/ 0 赞/ 233 阅读

相关 PHP常用的魔术方法记录下

之前两天有面试的时候被问到了这个问题，当时脑子可能有点抽了，只是简单的提了几个，这次咱们就来简单的总结下PHP中的一些魔术方法，如果想知道魔术常量的一些内容，大家可以[戳这里]

拼搏现实的明天。/ 2022年03月15日 02:09/ 0 赞/ 257 阅读

相关 java1.8 stream常用的方法记录

java1.8 stream常用的方法记录 1.从List<Map<String,String>>中取map的一个值,并用逗号拼接 List<Map

分手后的思念是犯贱/ 2022年01月17日 13:31/ 0 赞/ 192 阅读

相关记录：vue的常用的方法记录 v-for v-if

<template> <div class="content"> <div class="header"> <span>

╰半橙微兮°/ 2021年11月22日 06:50/ 0 赞/ 246 阅读