当前位置: 首页 > news >正文

在 Vue 3 中修改 el-select 组件接收的 prop 值

最近再写vue3项目,需要组件传值,prop获取值然后el-select赋值还可以继续选下拉框值

父组件截图在这里插入图片描述
子组件展示
在这里插入图片描述
在这里插入图片描述

const props = defineProps({sGID: {type: String,default: "",},
});
const emit = defineEmits(['update:sGID']);
const sGIDOL = ref(props.sGID);

在这里插入图片描述

watch(() => props.sGID, (newVal) => {sGIDOL.value = newVal;
});watch(sGIDOL, (newVal) => {emit('update:sGID', newVal);
});

这样就成功了,注意参数要写对

相关文章:

  • reactor模型
  • vue下的xlsx文件导出和导入的写法
  • java(JDBC)
  • [Blender] 高质量材质推荐第四弹:25-30号精选纹理资源详解
  • [MSPM0开发]MSPM0G3507之GPIO输入、输出、中断使用(基于driverlib库)
  • 销售预测的方法与模型(二)丨商品与库存分类——基于数据模型运营的本质和底层逻辑销售
  • 机器学习算法——朴素贝叶斯和特征降维
  • 名称 深度学习(监督学习) Iteration 一次 mini-batch 前向+反向传播更新 Epoch 所有数据集训练一遍。这两个概念不一样吗?
  • 图像分割技术:像素级的精准识别(superior哥深度学习系列第12期)
  • Vue3项目与桌面端(C++)通过Websocket 对接接口方案实现
  • GPIO简介(GPIO输出)
  • Metastore 架构示意图和常用 SQL
  • HINet: Half Instance Normalization Network for Image Restoration论文阅读
  • 使用Optimization tool优化后禁用windows更新批量的脚本
  • 前端加密当日
  • 怎样下载某个SCI期刊的endnote style?答:直接去endnote官网搜索期刊名称并下载即可
  • 面向对象 设计模式简述(1.创建型模式)
  • 16、企业预算管理(Budget)全流程解析:从预算编制到预算控制
  • git merge合并分支push报错:Your branch is ahead of ‘xxx‘ by xx commits.
  • 【unitrix】1.2 unitrix 物理量计算库(lib.rs)
  • 大数据政府网站建设/梅州网络推广
  • 刷赞网站空间免费/福州百度快速优化排名
  • 广州网站建设制作价格/1个百度指数代表多少搜索
  • 加盟餐饮的网站建设/神秘网站
  • 网站建设的盈利模式/十大免费最亏的免费app
  • wordpress fb主题/临沂seo优化