vue137-定义fullstate计算属性

最新推荐文章于 2023-10-23 14:32:02 发布

前端大歌谣

最新推荐文章于 2023-10-23 14:32:02 发布

阅读量95

点赞数

文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/geyaoisnice/article/details/125564562

版权

Vue基础课程专栏收录该内容

178 篇文章 1 订阅

订阅专栏

父组件

 <!-- Footer 区域 -->
    <Footer :isfull="fullState" :amount="amt" :all="total" @full-change="getFullState"></Footer>

子组件

<template>
  <div class="footer-container">
    <!-- 左侧的全选 -->
    <div class="custom-control custom-checkbox">
      <input type="checkbox" class="custom-control-input" id="cbFull" :checked="isfull" @change="fullChange" />
      <label class="custom-control-label" for="cbFull">全选</label>
    </div>

    <!-- 中间的合计 -->
    <div>
      <span>合计：</span>
      <span class="total-price">￥{{ amount.toFixed(2) }}</span>
    </div>

    <!-- 结算按钮 -->
    <button type="button" class="btn btn-primary btn-settle">结算（{{ all }}）</button>
  </div>
</template>