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

相关推荐
烛阴18 分钟前
Express入门必学三件套:路由、中间件、模板引擎全解析
javascript·后端·express
哟哟耶耶26 分钟前
React-01React创建第一个项目(npm install -g create-react-app)
前端·javascript·react.js
张拭心30 分钟前
工作九年程序员的三月小结
android·前端
try again!39 分钟前
HTML快速上手
前端·css·html
Dontla41 分钟前
前端页面鼠标移动监控(鼠标运动、鼠标监控)鼠标防抖处理、mousemove、debounce()、事件停止触发、超时触发
前端·计算机外设
喝拿铁写前端1 小时前
字段混乱如何影响系统治理?
前端
知远同学1 小时前
关闭Chrome提示更新失败的弹窗
前端·chrome
Heidi__2 小时前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng3 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星3 小时前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue