How to suppress “Undefined” errors before fetching data in Vue

Question

I have a simple page where I display some data that are fetched from the server.

Template:

Order\'s customer name: {{ order.customer.name }}<         


        

Answer 1

You can use ternary operator to check

Order's customer name: {{ order.customer?order.customer.name:'' }}