工作234：按钮禁用

最新推荐文章于 2023-03-26 23:47:40 发布

前端小歌谣

最新推荐文章于 2023-03-26 23:47:40 发布

阅读量261

点赞数

分类专栏： # 歌谣--前端学习--前端日常工作

本文链接：https://blog.csdn.net/weixin_43392489/article/details/110999679

版权

这篇博客详细介绍了在前端开发中，如何通过父子组件之间的值传递来控制按钮的启用和禁用状态，重点讨论了mode参数在这一过程中的作用。

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

<!--定义一个有按钮的对话框 相当于dialog和按钮组合使用-->
<template>
  <!-- 有按钮的对话框 这个位置的代码会被包裹过去-->
  <!--close-on-click-modal	是否可以通过点击 modal 关闭 Dialog append-to-body控制不能出现遮挡层-->
  <el-dialog
      :title="title"
      :show-close="ShowClose"
    :fullscreen="fullscreen"
    :close-on-click-modal="closeOnClickModal"
    :visible.sync="visible"
    :width="width"
    :destroy-on-close="destroyOnClose"
    @close="close"
      append-to-body
  >
    <!--向别的位置包裹代码 上面的代码会被包裹过去-->
    <slot />
    <!--定义所在插槽的按钮-->
    <div slot="footer">
      <template v-if="buttonList">
        <el-button
          v-for="(button, index) in buttonList"
          :key="index"
          :type="button.type"
          :icon="button.icon"
          @click="button.onClick"