如何在vue.js?的模板部分顯示字符串值

我開發了一個頁面,負責顯示訂單成功消息,我從包含orderId的后端得到響應,我得到了響應,我可以在前端綁定,但我在UI頁面中得到json格式的輸出,但我需要的是只顯示orderId值(如string).please幫助我解決這個問題。。。

我只想顯示orderID值

OrderPlace.vue

<template>
<div class="order-place">
    <div class="image-container">
        <img src="../assets/success.png" alt="not found" />

    </div>
    <div class="title-container">
        <p>Order placed Successfully</p>
    </div>
    <div class="message-section">
        <p>Hurray!!!your order is confirmed and placed successfully contact us in below details
            for further communication..</p>
    </div>
    <div class="order-id">
          
            {{orderNumber}}
           
            
        </div>
    <div class="title-section">
        <div class="email-us">
            <p>Email-us</p>
        </div>
        <div class="contact-us">
            <p>Contact-us</p>
        </div>
        <div class="address">
            <p>Address</p>
        </div>
    </div>
    <div class="email-sec">
        <p>admin@bookstore.com</p>
    </div>
    <div class="contact-sec">
        <p>+918163475881</p>
    </div>
    <div class="address-sec">
        42, 14th Main, 15th Cross, Sector 4 ,opp to BDA complex, near Kumarakom restaurant, HSR Layout, Bangalore 560034
    </div>
    <div class="button">
        <router-link to="/dashboard" class="btn">Continue Shopping</router-link>
    </div>
</div>
</template>

<script>
import service from '../service/User';
// import { EventBus } from "./event-bus.js"; 
export default {
    name: 'OrderPlace',
    
    data(){
        return{
            successTitle:'Order placed Successfully',
            adminEmailSection:'Email-us',
            adminContactSection:'Contact-us',
            adminAddressSection:'Address',
            adminEmail:'admin@bookstore.com',
            adminMobNum:'+918163475881',
            orderNumber: ''
        }        
    },
   created() {
        service.confirmMail().then(response =>            
            (this.orderNumber=JSON.stringify(response.data))
        )
    } 
}
</script>



? 最佳回答:

只需將orderID分配給orderNumber

    service.confirmMail().then(response =>            
        (this.orderNumber=response.data.orderID)
    )
主站蜘蛛池模板: 日本一区二区三区精品中文字幕| 无码av免费一区二区三区试看| 国产成人无码精品一区不卡| 日本无卡码免费一区二区三区| 免费观看日本污污ww网站一区| 欧美激情国产精品视频一区二区| 国产婷婷一区二区三区| 国产精品亚洲午夜一区二区三区| 99久久国产精品免费一区二区| 亚洲日本中文字幕一区二区三区 | 男人免费视频一区二区在线观看| 久久er99热精品一区二区| 国产在线精品一区二区高清不卡 | 亚洲日韩一区二区一无码| 亚洲高清一区二区三区| 午夜DV内射一区二区| 精品欧洲av无码一区二区14| 久久久久人妻一区精品果冻| 国产伦精品一区二区三区视频小说 | 精品一区二区三区免费观看| 波多野结衣一区二区免费视频| 国产精品无码亚洲一区二区三区| 3d动漫精品一区视频在线观看 | 日韩在线一区视频| 武侠古典一区二区三区中文| 亚洲国产精品无码第一区二区三区 | 亚洲美女高清一区二区三区| 人妻无码一区二区三区四区| 日韩免费观看一区| 亚洲AV无码一区二区三区系列| 在线精品动漫一区二区无广告| 日本精品高清一区二区| 精品国产一区二区三区在线观看| 激情内射亚州一区二区三区爱妻| 国产aⅴ一区二区三区| 精品一区二区三区影院在线午夜| 在线精品自拍亚洲第一区| 国产在线观看91精品一区| 影院无码人妻精品一区二区| 99精品国产高清一区二区三区| 无码少妇一区二区|