有人遇到过 uniapp在外面定义js资源 在vue里面调用 picker显示为undefined吗

onTimeZone(event) {
console.log("event", event);
const selectedIndex = event.mp.detail.value;
if (selectedIndex >= 0 && selectedIndex < this.timeZones.length) {
this.timezone = this.timeZones[selectedIndex][0].value;
// 这里可以使用 selectedValue 来传递给后台
console.log("Selected Timezone (value to send to backend):", this.timezone);
}
},

这样显示就是正常的
但是我用picker显示是为underfind

<view class="pwd-right">
<picker class="uni-input" @change="onTimeZone" :range="timeZones" range-key="label">
<view class="with-fun">
<span class="picker-text">
{{ timezone !== '' ? timeZones[0][0].label : '请选择' }}
</span>
</view>
</picker>
</view>

导入数据什么的都是正常 有人遇见过吗