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

相关推荐
灵感__idea2 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴3 小时前
Mix
前端·webgl
代码续发3 小时前
前端组件梳理
前端
试图让你心动4 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记4 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏4 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数5 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante5 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam5 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript