请问dom对象的ref到底要怎么写，编译老是报错

在 uni-app 中使用 ref 访问子组件方法时，常见问题在于组件未挂载完成就调用方法或方法名不匹配。根据你的代码：

<cl-select ref="selectRef" :options="state.currency_options" :show-trigger="false"></cl-select>

const selectRef = ref(null);  
const openSelect = () => {  
  selectRef.value?.open((value: number) => { // 这里可能报错  
    form.currency_id = value;  
  });  
};

解决方案：

1. 确保在组件挂载后调用：ref 必须在 onMounted 钩子之后才能安全访问

   import { onMounted, ref } from 'vue'  
   
   onMounted(() => {  
    // 此时 selectRef.value 才可用  
   })  

2. 确认组件方法名：cl-select 可能不是 uni-ui 官方组件（知识库中只有 uni-data-select）。检查该组件文档，确认是否有 open 方法。部分选择器组件可能使用 toggle 或 show 方法。

3. TypeScript 类型问题：如果使用 TS，需添加类型断言：

   (selectRef.value as any)?.open((value: number) => {  
    form.currency_id = value;  
   });  

4. 替代方案：如果该组件不支持 ref 调用方法，可通过 props 控制显隐：

   <cl-select :modelValue="showSelect" ... />  

   const showSelect = ref(false)  
   const openSelect = () => {  
    showSelect.value = true  
   }  

重要提示：

• ref 访问仅适用于自定义组件且组件明确暴露了方法
• 鸿蒙平台对 ref 支持有限，需额外测试
• 建议查阅 cl-select 组件的具体文档（如果是第三方组件）

如果问题依旧，请确认组件来源并提供具体错误信息。