技术栈

【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分支管理策略】
相关推荐
怪可爱的地球人
10 分钟前
vue3小白入门
前端
掘金安东尼
15 分钟前
bun install:安装过程的幕后揭秘
前端·github·bun
Dontla
22 分钟前
流行的前端架构与后端架构介绍(Architecture)
前端·架构
muchan92
31 分钟前
为什么“它”在业务逻辑上是最简单的?
前端·后端·面试
我是日安
32 分钟前
从零到一打造 Vue3 响应式系统 Day 6 - 响应式核心:链表实装应用
前端·vue.js
艾小码
32 分钟前
Vue模板进阶:这些隐藏技巧让你的开发效率翻倍!
前端·javascript·vue.js
浩浩kids
35 分钟前
Web-birthday
前端
艾小码
35 分钟前
还在手动加载全部组件?这招让Vue应用性能飙升200%!
前端·javascript·vue.js
方始终_
36 分钟前
做一个图表MCP Server,分分钟的事儿?
前端·agent·mcp
yiyesushu
36 分钟前
solidity front-ends(html+js+ethers v6)
前端
热门推荐
01GitHub 镜像站点02KGG转MP3工具|非KGM文件|解密音频03A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程04UV安装并设置国内源05conda中设置镜像地址(附所有可换的地址)0646个Nano-banana 精选提示词,持续更新中07UV 工具安装与国内镜像源配置指南08智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践09突破百度网盘的下载限速,两种方法教会你【超详细】10Spec-Kit 使用指南