技术栈

【Vue】双向绑定 v-model

Urf_read2024-01-23 1:33
html 复制代码
<script setup>
  import { reactive,ref} from 'vue' 
  let hbs = ref([]); //装爱好的值
</script>

<template>
  <div>
    吃 <input type="checkbox" name="hbs" v-model="hbs" value="吃"> 
    喝 <input type="checkbox" name="hbs" v-model="hbs" value="喝">
    玩 <input type="checkbox" name="hbs" v-model="hbs" value="玩">
    乐 <input type="checkbox" name="hbs" v-model="hbs" value="乐">
    <br>
    {{ hbs }}
  </div>
</template> 

<style scoped>

</style>
上一篇:Git版本管理
下一篇:【git分支管理策略】
相关推荐
风语者日志
6 分钟前
[LitCTF 2023]作业管理系统
前端·网络·安全·web安全·ctf
咖啡の猫
12 分钟前
vue 项目中常用的 2 个 Ajax 库
vue.js·ajax·okhttp
excel
16 分钟前
深入解析:Vue 编译器核心工具函数源码(compiler-core/utils.ts)
前端
excel
17 分钟前
第五章:辅助函数与全流程整合
前端
excel
18 分钟前
🔍 深度解析:Vue 编译器中的 validateBrowserExpression 表达式校验机制
前端
excel
18 分钟前
深度解析:Vue 模板编译器中的 Tokenizer 实现原理
前端
excel
21 分钟前
🧩 Vue 编译核心:transform.ts 源码深度剖析
前端
excel
21 分钟前
Vue Runtime Helper 常量与注册机制源码解析
前端
excel
24 分钟前
Vue 模板编译器核心选项解析:从 Parser 到 Codegen 的全链路设计
前端
excel
24 分钟前
第四章:表达式与循环解析函数详解
前端
热门推荐
01GitHub 镜像站点02《大数据技术原理与应用》实验报告三 熟悉HBase常用操作03UV安装并设置国内源04综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件05BongoCat - 跨平台键盘猫动画工具06Linux下V2Ray安装配置指南07npm使用国内淘宝镜像的方法08jdk21下载、安装(Windows、Linux、macOS)09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10GitLab 零基础入门指南:从安装到项目管理全流程