[antdv: Descriptions] Sum of column `span` in a line not match `column` of Descriptions.

最新推荐文章于 2024-11-02 08:58:20 发布

程序猿向前跑

最新推荐文章于 2024-11-02 08:58:20 发布

阅读量521

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_46199553/article/details/129263122

版权

Vue 专栏收录该内容

64 篇文章 4 订阅

订阅专栏

此代码段展示了一个Vue.js组件，使用<a-descriptions>模板来展示详细信息，包括发布日期、强度等级、产品名称等字段，并通过props从父组件接收数据。通过调整:column属性以适应内容，避免布局错误。

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

在这里插入图片描述

<template>
  <a-descriptions bordered style="word-break: break-all;word-wrap: break-word;" :column="4">
    <a-descriptions-item label="发布日期" :span="2"> {{marketValueDetail.a}} </a-descriptions-item>
    <a-descriptions-item label="强度等级" :span="2"> {{marketValueDetail.b}} </a-descriptions-item>

    <a-descriptions-item label="产品名称" :span="4"> {{marketValueDetail.c}} </a-descriptions-item>
    <a-descriptions-item label="市场价" :span="2"> 222 </a-descriptions-item>
    <a-descriptions-item label="价格说明" :span="2">
      33333
    </a-descriptions-item>
    <a-descriptions-item label="备注" :span="4"> 4444 </a-descriptions-item>
  </a-descriptions>

  
</template>

<script setup>
import {defineProps,toRefs} from "vue"
let props=defineProps({
  marketValueDetail:{
    defineProps:Object
  }
})
let {marketValueDetail}=toRefs(props)
</script>

<style lang="less" scoped>
</style>