我无法使用 vuejs 将正确的信息从 API 传递到组件

I cannot pass the right information from API to the component using vuejs

提问人:Alcides Takeyoshi 提问时间:1/13/2023 更新时间:1/13/2023 访问量:38

问:

这是我包含负责从 API 获取数据的组件的 DIV:

该组件具有用于过滤数据和识别用户的参数,但即使我使用参数并且我在每个 div 的参数中添加user_id,它也不会返回特定用户。此用户的图片未以某种方式加载。

<div class="gold_container_below">                   
<h4 class="gold_subtitle" v-html="$t('awards_gold_type')"></h4>                   
<div class="special_container">                     
<img src="/img/event/cheersupports/2022/appreciation/awards/gold_left.svg" class="gold_left"/>                     <div class="userdata_icon">                       
<LiverListArea1                         
ref="liver_list"                         
page_records="1"                         
:params="params0"/>                       
<!-- <img src="/img/event/cheersupports/2022/appreciation/awards/gengoro.png"/> -->                     </div>
export default {
  props: ["lang", "params"],
  i18n,
  components: {
    LiverListArea1,
  },
  data() {
    return {
        params0: {
          user_id: 1616,
        },
        params1: {
          user_id: 5754,
        },
        params2: {
          user_id: 298,
        },
        params3: {
          user_id: 4655,
        },
        params4: {
          user_id: 524,
        },
        params5: {
          liver_id: 1807,
        },
<template>
  <div class="loadercontainer1 default_font">
    <ul class="account_list">
      <li
        class="account_list_item finger"
        v-for="(liver, key) in livers"
        :key="key"
        v-on:click="click_item(liver)"
      >
        <div class="account">
          <img :src="liver.icon_path" alt="まごころプロジェクト" />

        </div>
      </li>
    </ul>

    <LiverSearchFunction
      ref="liver_search_function"
      :header="header"
      :params="params"
      :page_records="page_records"
    />
  </div>
</template>

上面的代码是负责过滤来自组件 LiverSearchFunction 的数据的组件。

我只从循环中获取用户图标图像,而不是从参数中获取user_id。我不确定如何获得这些具体信息......

JavaScript HTML API vue.js 参数传递

评论

0赞 Neha Soni 1/13/2023
嘿,您的问题似乎与您提供的代码无关。您能否使用相关信息对其进行编辑,例如里面的数据是什么以及价值是多少?liversicon_path

答: 暂无答案