Vue实现选课功能（手动）

最新推荐文章于 2024-10-14 11:43:23 发布

仰见山僧来

最新推荐文章于 2024-10-14 11:43:23 发布

阅读量437

点赞数 1

文章标签： vue html

本文链接：https://blog.csdn.net/m0_64125012/article/details/123586727

版权

该博客介绍了如何利用Vue.js来实现一个手动选课功能。用户在选择课程后，点击选课按钮，课程信息会自动加入到已选课程列表中。通过提供的代码示例，展示了Vue组件和事件处理的运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

选中课程后，点击选课按钮，课程添加到已选课程。

代码如下：

<body>
    <div id="app" >
        <div id="course" >
            <input id="c" type="checkbox" name="1"  value="马克思主义哲学" >马克思主义哲学
            <input id="c" type="checkbox" name="2"  value="计算机网络">计算机网络          
            <input id="c" type="checkbox" name="3"  value="数据结构">数据结构
            <input id="c" type="checkbox" name="4"  value="c语言工程">c语言工程
            <input id="c" type="checkbox" name="5"  value="大数据时代">大数据时代
            <input id="c" type="checkbox" name="6"  value="大学英语">大学英语
        </div>
        <div