2021-8-18 重写的组件

最新推荐文章于 2022-11-18 12:09:13 发布

步入中年的狗

最新推荐文章于 2022-11-18 12:09:13 发布

阅读量120

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_52458664/article/details/119973056

版权

本文详细介绍了在2021年8月18日进行的Vue.js组件重写过程，强调了通过组件名称筛选的重要性。同时，文章还提及了在上传组件时实施的存在的检查机制，确保组件的独特性。

摘要由CSDN通过智能技术生成

99

直接用name筛。

<template>
  <div>
    <a-table
      class="ant-table-striped"
      :expandIcon="expandIcon"
      :columns="columns"
      :data-source="list"
      rowKey="id"
      v-custom-loading="LoadingData"
      :pagination="false"
      @expand="getDetail"
      :expandedRowKeys="expandedRowKeys"
      :expandIconColumnIndex="0"
      :expandable="{ indentSize: 10 }"
    >
      <template #name="{ record }">
        {
  { record.name }}<br />
        <span style="color:red" v-if="getRemarks(record)"
          >您选过该模型的历史<br />版本，可展开查看</span
        >
      </template>
      <template #checkbox="{ record }">
        <a-checkbox
          @change="changeSelectStatus(record, $event)"
          :disabled="record.last_transform_status !== 0 "
          :checked="selected.find(item => item.filename === record.filename)"
        ></a-checkbox>
      </template>
      <template #createTime="{ record }">
        {
  { timeFormatter(record.last_time) }}
      </template>
      <template #type="{ record }"> {
  { record.type_name }}模型 </template>
      <template #last_transform_status="{ record }">
        {
  { Status[record.last_transform_status] }}
      </template>
      <template #operation1="{ record }">
        <a-button
          class="link-btn-in-table"