Vue+element—多选表单如何传“选中值”给后端

最新推荐文章于 2024-06-05 17:16:58 发布

原创最新推荐文章于 2024-06-05 17:16:58 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #vue.js

Vue 同时被 2 个专栏收录

26 篇文章

订阅专栏

element

4 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用el-checkbox组件，通过v-model双向数据绑定实现选中状态的切换，并确保数据实时同步到后端。示例代码展示了如何初始化数据和处理AJAX请求以更新后端状态。

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

选中传1，未选中传0的情况。

		// Html部分示例
		<el-checkbox
              label="XXXXX"
              v-model="form.XXXXX"
              :checked="form.XXXXX == 1 ? true : false"
              true-label="1"
              false-label="0"
         ></el-checkbox>
         // JS部分示例
         data() {
           return {
             form:{
               XXXXX: "0",
             }
           }
         }
         methods:{
           test(){
             let data = this.form
             // 然后利用AJAX将data传到后端就可以了。
           }
         }