情深忆往缠绵 2023-04-07 11:59 采纳率: 44.6%
浏览 59
已结题

如何在外面拿到onmounted中定义的值

代码
<template>
  <div>
    <!--    <h1>购物车管理页面</h1>-->
    <!--    <table v-for="(item,index) in list.array">-->
    <!--      <tr>-->
    <!--        <td><input v-model="" type="text"></td>-->
    <!--      </tr>-->
    <!--    </table>-->
    {{ text }}
  </div>
</template>

<script setup>
import { onMounted, reactive, ref } from 'vue'

const list = reactive({ array1: [], array2: [], array3: [], arrayChild: [] })
const text = ref()

onMounted(() => {
  fetch('/4-3/gouwu.json').then(x => x.json()).then(x => {
    list.array1 = x.shu
    list.array2 = x.shiwu
    list.array3 = x.qita
    console.log(list.array1)
  })
})
console.log(list.array1.length)
text.value = list.array1
</script>

<style scoped>

</style>




img

  • 写回答

1条回答 默认 最新

  • H3T 2023-04-07 12:30
    关注

    list.array1 是在异步请求中设置的,当 text computed 属性被设置为 list.array1 时,由于在 onMounted 钩子中的异步请求,list.array1 目前是一个空数组。
    尝试修改:

    <template>
      <div>
        {{ text }}
      </div>
    </template>
     
    <script setup>
    import { onMounted, reactive, computed } from 'vue'
    
    const list = reactive({ array1: [], array2: [], array3: [], arrayChild: [] })
    
    onMounted(() => {
      fetch('/4-3/gouwu.json')
        .then(x => x.json())
        .then(x => {
          list.array1 = x.shu
          list.array2 = x.shiwu
          list.array3 = x.qita
        })
    })
    
    const text = computed(() => {
      return list.array1.length > 0 ? list.array1[0] : ''
    })
    
    </script>
     
    <style scoped>
    </style>
    

     
    如果答案对您有所帮助,望采纳。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 4月14日
  • 已采纳回答 4月11日
  • 修改了问题 4月7日
  • 修改了问题 4月7日
  • 展开全部

悬赏问题

  • ¥15 Arduino,利用modbus的RS485协议,进行对外置的温湿度传感器进行数据读取
  • ¥15 vhdl+MODELSIM
  • ¥20 simulink中怎么使用solve函数?
  • ¥30 dspbuilder中使用signalcompiler时报错Error during compilation: Fitter failed,求解决办法
  • ¥15 gwas 分析-数据质控之过滤稀有突变中出现的问题
  • ¥15 没有注册类 (异常来自 HRESULT: 0x80040154 (REGDB_E_CLASSNOTREG))
  • ¥15 知识蒸馏实战博客问题
  • ¥15 用PLC设计纸袋糊底机送料系统
  • ¥15 simulink仿真中dtc控制永磁同步电机如何控制开关频率
  • ¥15 用C语言输入方程怎么