通过$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', '新值')

相关推荐
Kagol16 小时前
🎉OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用!
前端·开源·agent
GIS之路17 小时前
ArcGIS Pro 中的 notebook 初识
前端
JavaGuide18 小时前
7 道 RAG 基础概念知识点/面试题总结
前端·后端
ssshooter18 小时前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸19 小时前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
Live0000019 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉19 小时前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙20 小时前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜20 小时前
测试文章 - API抓取
前端