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

相关推荐
哆啦A梦15882 分钟前
60 订单页选择收货地址
前端·javascript·vue.js·node.js
馬致远10 分钟前
案例1- 跳动的心
javascript·css·css3
Hilaku11 分钟前
利用 link rel="prefetch":如何让用户的页面秒开?
前端·javascript·性能优化
youyu-youyu25 分钟前
h5 签名 vue
javascript·vue.js·ecmascript
Apifox31 分钟前
如何通过抓包工具快速生成 Apifox 接口文档?
前端·后端·测试
没事多睡觉66632 分钟前
JavaScript 中 this 指向教程
开发语言·前端·javascript
苏打水com32 分钟前
浏览器与HTTP核心考点全解析(字节高频)
前端·http
用户990450177800932 分钟前
ruoyi集成camunda-前端篇
前端
Aerelin35 分钟前
scrapy的介绍与使用
前端·爬虫·python·scrapy·js
BD_Marathon36 分钟前
【JavaWeb】前端三大件——HTML简介
前端·html