项目中修改（增、删）功能的优化

最新推荐文章于 2024-07-14 13:36:13 发布

weixin79893765432...

最新推荐文章于 2024-07-14 13:36:13 发布

阅读量159

点赞数

分类专栏： # Vue.js

本文链接：https://blog.csdn.net/mChales_Liu/article/details/111143534

版权

Vue.js 专栏收录该内容

52 篇文章 9 订阅

订阅专栏

<div>
    <div>
        <button @click="updateCount('countForTwo', 2)">+</button>
        <button @click="updateCount('countForTwo', -2)">-</button>
    </div>
    <div>
        <button @click="updateCount('countForFour', 4)">+</button>
        <button @click="updateCount('countForFour', -4)">-</button>
    </div>
</div>
<script>
    data(){
        return{
            option:{
                countForTwo: 2,
                countForFour: 4,
            }
        }
    },
    methods: {
        udpateCount(name, count) {
            this.option[name] = this.option[name] + count;
        },
    }
</script>