vue3 setup 使用计算属性，获取对象属性名与指定字符匹配后获得对应属性值

先声明指定字符

const specifiedChar = ref('特定字符');

再声明指定对象

const myObject = ref({
  '属性1': '这里是一些值',
  '特定字符': '这是匹配到的值',
  '属性3': '更多值'
});

用计算属性获得对应的属性值matchedPropertyValue

const matchedPropertyValue = computed(() => {
   for (const [key, value] of Object.entries(myObject.value)) {
     if (key.includes(specifiedChar.value)) {
       return value;
     }
   }
   return null;
});

在html中展现对应属性值

<p>匹配到的属性值: {{ matchedPropertyValue }}</p>

备注：

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）。

includes() 方法用于判断数组中是否包含某个指定的元素，如果包含，则方法返回 true，否则返回 false。