第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在另一個(gè)路由器頁面 VUEJS、VUEX 中訪問我的數(shù)組狀態(tài)

如何在另一個(gè)路由器頁面 VUEJS、VUEX 中訪問我的數(shù)組狀態(tài)

繁花如伊 2022-10-27 16:52:17
我制作了一個(gè)包含兩條路線的頁面,一個(gè)是主頁,另一個(gè)是配置,您可以在其中決定應(yīng)該將什么寫入該容器,現(xiàn)在在配置面板中我能夠獲取輸入值,我使用地圖將它們置于我的狀態(tài)現(xiàn)在我得到一個(gè)包含字符串值的數(shù)組。如何使用 mapGetters 訪問該數(shù)組?我鏈接我的代碼:<template>  <body>    <div class="container">      <h1 v-show="elementVisible" class="info">{{ message }}</h1>    </div>  </body></template><script>  import moment from "moment";  import { mapGetters } from "vuex";  export default {    name: "Home",    data() {      return {        // message: this.store.state.message        elementVisible: true      };    },    computed: {      ...mapGetters(["message", "sec"]),      ...mapGetters({        message: "message",        sec: "sec"      }),      createdDate() {        return moment().format("DD-MM-YYYY ");      },      createdHours() {        return moment().format("HH:mm ");      }    },    mounted() {      this.$store.dispatch("SET_MESSAGE");      this.$store.dispatch("SET_SEC");      setTimeout(() => (this.elementVisible = false), this.sec);    }  };</script>所以我要做的就是將我從配置面板收到的消息放入該{{message}}模板中,并且它現(xiàn)在處于我的狀態(tài),作為字符串?dāng)?shù)組坐在那里,例如,[“hello”, “你好嗎”] 他們就是這樣坐在那里的,所以我怎么能抓住第一個(gè)('hello')并將其寫成一個(gè)干凈的字符串而不是 ["hello"]他們會(huì)更好。
查看完整描述

1 回答

?
阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

您好,歡迎來到 Stack Overflow!您的messageArray 使用 正確映射mapGetters,但是當(dāng)您使用 將其放入模板中時(shí),您將其展平為字符串{{message}},因?yàn)槟0宀逯颠壿媽ο筠D(zhuǎn)換為字符串,與Array.toString本例中的調(diào)用相同。你需要迭代它,即使用v-for指令:


<template>

  <body>

    <div class="container">

      <h1 v-show="elementVisible" class="info">

        <span v-for="m of message" :key="m">{{m}}</span>

      </h1>

    </div>

  </body>

</template>

當(dāng)然,如果你只需要第一項(xiàng),你可以直接使用:


<template>

  <body>

    <div class="container">

      <h1 v-show="elementVisible" class="info">{{message[0] || 'No message'}}</h1>

    </div>

  </body>

</template>


查看完整回答
反對 回復(fù) 2022-10-27
  • 1 回答
  • 0 關(guān)注
  • 96 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)