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

╰半橙微兮° 2021-11-22 06:50 176阅读 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 条评论，176人围观）

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

相关阅读

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

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

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

相关 QT 中常用的函数记录

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

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

相关常用的一些记录

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

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

相关记录一些常用工具

> 原创内容，转发请标记出处：https://blog.csdn.net/yihanzhi/article/details/79150653 一、工具类常用开发工具：

曾经终败给现在/ 2022年06月01日 07:52/ 0 赞/ 296 阅读

相关 Vue的知识记录

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

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

相关记录几个常用的工具类的常用方法

介绍的工具包如下： 1. java.util.Objects 2. org.apache.commons.lang.StringUtils 3. java.ut

骑猪看日落/ 2022年04月23日 14:24/ 0 赞/ 162 阅读

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

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

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

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

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

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

相关 vue的项目结构记录

vue的项目结构 -------------------- 不知道大家有没这样的情况，面对刚配置好的脚手架，创建的文件不知道该放哪个文件下，导致后面开发一些文件不好找，

约定不等于承诺〃/ 2021年12月24日 16:03/ 0 赞/ 191 阅读

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

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

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