通过$attrs传递的未指定名称的modelValue值在子组件中修改

update:modelValue

1.父组件

传递了两个参数 defaultFirst,和v-model的data.type

复制代码
  <div>
            <Parent
            :defaultType="defaultType"
              v-model="data.type"
              :style="{ width: '100%' }"
            />
          </div>

2.子组件接收

复制代码
<template>
<el-input  v-bind="$attrs" />
</template>
<script setup >
defineEmits(["loadData", "update:dictLabel"]);
const props = defineProps({
  defaultType:{
    type: Boolean,
    default: false,
  }
});


</script>

3.要在子组件中改变data.type的值,js$arrts不支持修改

$emit('update:modelValue', '新值')

相关推荐
只一9 分钟前
拿捏大模型输出随机性:Temperature、Top-K 原理 + LangChain 工程落地实战
javascript·langchain
大卫陈11 分钟前
微信小程序虚拟支付实战:从「支付能力被限制」到沙箱调通的全过程
前端·后端
武子康12 分钟前
vLLM 0.25.1:服务没有报错,为什么仍会生成垃圾 Token(5 级正确性门禁 + 自动回滚条件)
前端·人工智能·后端
jyp2012110715 分钟前
Vue3 Diff 算法
前端·vue.js
胡萝卜术19 分钟前
抽象的三级跳:从原生 DOM 到 React 组件树,我们到底在解决什么问题?
前端·javascript·面试
黄敬峰22 分钟前
从零理解React:事件、组件与响应式——一个WebGPU Demo的前端笔记
前端·面试
jun_bai24 分钟前
Orthanc for Windows版PACS服务器安装教程
javascript·扩展屏应用开发
GuWen_yue29 分钟前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
javascript·react.js·langchain
用户2986985301434 分钟前
React 项目中灵活管理 Excel 工作表:增删与移动
javascript·react.js·excel
weedsfly36 分钟前
从类继承到自定义 Hook:模板方法模式的前端演进
前端·javascript·面试