前端进阶Vue框架-----表单控件绑定练习（购物车）

最新推荐文章于 2022-08-05 09:15:27 发布

小不言啊

最新推荐文章于 2022-08-05 09:15:27 发布

阅读量249

点赞数

文章标签： vue.js 前端 elementui

本文链接：https://blog.csdn.net/m0_61656944/article/details/122972855

版权

    <script src="/lib/vue3.global.js"></script>

    <style>
        li{
            display: flex;
            justify-content: space-around;
            padding: 10px
        }

        li img{
            width: 100px;
        }
    </style>
</head>
<body>

    <div id="box">
        <input type="checkbox" v-model="isAll" @change="bandleAllChecked">全选/全不选
        <ul>
            <li v-for="(item,index) in datalist" :key="item.id">
              

                <input type="checkbox"  v-model="checkList" :value="item" @change="handleItemChecked"> 

                <img :src="item.pic" >

                <div>
                    <div>{
  {item.name}}</div>
                    <div style="color: red;">￥{

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小不言啊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端进阶Vue框架-----表单控件绑定练习（购物车）

<script src="/lib/vue3.global.js"></script> <style> li{ display: flex; justify-content: space-around; padding: 10px } li img{ width: 100px; } &...
复制链接

扫一扫