尧图网络科技 Logo 尧图网络科技
  • 首页
  • 关于我们
  • 建站服务
  • UI 设计
  • 案例展示
  • SEO 优化
  • 资讯中心
  • 联系我们

资讯详情

深度解读 · 专业分析

  • 首页
  • 资讯中心
  • /
  • 自定义组件中监听properties里面的属性的方法里面去取另外的properties里面的属性拿不到值的问题

最新资讯

  • 全部资讯
  • 行业动态
  • UI 设计
  • SEO 优化
  • 网站开发

自定义组件中监听properties里面的属性的方法里面去取另外的properties里面的属性拿不到值的问题

📅 发布时间:2026/9/20 6:44:36 👁 浏览次数:
自定义组件中监听properties里面的属性的方法里面去取另外的properties里面的属性拿不到值的问题

自定义组件中监听properties里面的属性的方法里面去取另外的properties里面的属性拿不到值的问题

1 properties

  这里有两个属性 options和modelValue,对modelValue进行监听

  父组件两个属性都传了值

properties: {options: { // 选项数组
      type: Array,value: [],},modelValue: { // 默认选中的
      type: String,value: "",observer: function () {//如果有默认值,需要匹配出name,所以这里使用obersver,当父组件中值改变时触发this.handleData();}},},

 

2 监听函数

 handleData() {console.log('this.properties前',this.properties)console.log('this.properties.options',this.properties.options)console.log('this.properties后',this.properties)}

  打印的情况如下图

image

  前后两条打印出来的properties里面的options都是有值的,就是中间打印出来的数组是空的,非常奇怪

image

 

3 处理

  最后没办法,智能在options也加上监听

  实例看:https://www.cnblogs.com/jthr/p/19157667

相关新闻

嵌入式主板全景解析:从选型到趋势,读懂工业智能的核心载体

嵌入式主板全景解析:从选型到趋势,读懂工业智能的核心载体

2026/9/18 12:07:44 查看详情
2025 年小饭桌加盟品牌最新推荐排行榜:多元服务与深厚底蕴品牌小饭桌加盟连锁/小饭桌加盟连锁/小饭桌少儿托管加盟机构推荐

2025 年小饭桌加盟品牌最新推荐排行榜:多元服务与深厚底蕴品牌小饭桌加盟连锁/小饭桌加盟连锁/小饭桌少儿托管加盟机构推荐

2026/9/17 9:57:52 查看详情
2025 年托管班加盟品牌最新推荐排行榜:聚焦国内优质机构,为投资者精选靠谱加盟项目托管班机构加盟/儿童托管班中心加盟/课后托管班加盟/小学托管班加盟连锁推荐

2025 年托管班加盟品牌最新推荐排行榜:聚焦国内优质机构,为投资者精选靠谱加盟项目托管班机构加盟/儿童托管班中心加盟/课后托管班加盟/小学托管班加盟连锁推荐

2026/9/14 12:45:36 查看详情
Java多线程编程中的上下文切换原理与优化实践

Java多线程编程中的上下文切换原理与优化实践

2026/9/20 6:44:36 查看详情
微信小程序四六级词汇学习系统技术解析

微信小程序四六级词汇学习系统技术解析

2026/9/20 6:44:36 查看详情
本地部署Qwen3.8-27B多模态模型:16GB内存+GGUF量化+Ollama+Agent实战

本地部署Qwen3.8-27B多模态模型:16GB内存+GGUF量化+Ollama+Agent实战

2026/9/20 6:44:05 查看详情
转子泵高粘度介质输送特性与间隙优化

转子泵高粘度介质输送特性与间隙优化

2026/9/20 6:43:05 查看详情
OpenResearch:面向科研复现的本地优先CLI工作流

OpenResearch:面向科研复现的本地优先CLI工作流

2026/9/20 6:43:05 查看详情
R6300v2刷梅林固件实现HP1020无线打印

R6300v2刷梅林固件实现HP1020无线打印

2026/9/20 6:42:35 查看详情
Java多线程编程中的上下文切换原理与优化实践

Java多线程编程中的上下文切换原理与优化实践

2026/9/20 6:44:36 查看详情
微信小程序四六级词汇学习系统技术解析

微信小程序四六级词汇学习系统技术解析

2026/9/20 6:44:36 查看详情
本地部署Qwen3.8-27B多模态模型:16GB内存+GGUF量化+Ollama+Agent实战

本地部署Qwen3.8-27B多模态模型:16GB内存+GGUF量化+Ollama+Agent实战

2026/9/20 6:44:05 查看详情
转子泵高粘度介质输送特性与间隙优化

转子泵高粘度介质输送特性与间隙优化

2026/9/20 6:43:05 查看详情
OpenResearch:面向科研复现的本地优先CLI工作流

OpenResearch:面向科研复现的本地优先CLI工作流

2026/9/20 6:43:05 查看详情
R6300v2刷梅林固件实现HP1020无线打印

R6300v2刷梅林固件实现HP1020无线打印

2026/9/20 6:42:35 查看详情
从第一个站到第二个站:独立开发者的静态网站选型与落地实践

从第一个站到第二个站:独立开发者的静态网站选型与落地实践

2026/9/20 0:00:07 查看详情
Word表格编号全攻略:从列表编号到题注交叉引用

Word表格编号全攻略:从列表编号到题注交叉引用

2026/9/20 0:00:37 查看详情
Flask+Vue全栈实战:构建高效家教服务管理系统

Flask+Vue全栈实战:构建高效家教服务管理系统

2026/9/20 0:01:07 查看详情
从第一个站到第二个站:独立开发者的静态网站选型与落地实践

从第一个站到第二个站:独立开发者的静态网站选型与落地实践

2026/9/20 0:00:07 查看详情
Word表格编号全攻略:从列表编号到题注交叉引用

Word表格编号全攻略:从列表编号到题注交叉引用

2026/9/20 0:00:37 查看详情
Flask+Vue全栈实战:构建高效家教服务管理系统

Flask+Vue全栈实战:构建高效家教服务管理系统

2026/9/20 0:01:07 查看详情
雨花区哪家财务公司代理记账比较好?

雨花区哪家财务公司代理记账比较好?

2026/9/20 5:26:57 查看详情
从零到一构建开源项目的完整历程:交付前的最后检查怎么做

从零到一构建开源项目的完整历程:交付前的最后检查怎么做

2026/9/20 4:22:24 查看详情
日志平台 日志分析平台与全链路追踪:交付前的最后检查怎么做

日志平台 日志分析平台与全链路追踪:交付前的最后检查怎么做

2026/9/20 6:30:56 查看详情

关于尧图

立足北京本地的一站式网站建设服务与设计教学平台,深耕企业网站定制开发、全网 SEO 优化及网络推广服务。

快速链接

  • 关于我们
  • 建站服务
  • 案例展示
  • 资讯中心

服务项目

  • 企业官网定制
  • UI 界面设计
  • SEO 优化推广
  • 移动端适配

联系方式

电话:400-XXX-XXXX

邮箱:info@zskr.cn

地址:北京市朝阳区 XXX 路 XX 号

© 2026 尧图网络科技 版权所有 | 京 ICP 备 XXXXXXXX 号