vue 差值表达式中使用三元表达式

vue的插值表达式

{ {}} 有人叫小胡子语法，也叫双花括号
作用：读取vue中data里的数据，显示在结构中，数据更新，视图也会跟着变化。

vue 差值表达式中使用三元表达式

  <span>总开机时间：{
   
   { status.bootTime == null  ? 'N/A' : status.bootTime}}</span>

 data() {
    return {
      status:{
        bootTime:''
      },
    };
  },

 handleClick(tab, event) {
      if (tab.index == 2) {
        this.timer = setInterval(() => {
           this.$axios
          .get(
            "/api/app/robot/" + this.$store.state.robot.robot.items[0].id + "/status",
            {
              headers: {
                Authorization: "Bearer " + sessionStorage.access_token,
              },
            }
          )
          .then((res) => {
          //发请求后台返回的数据，用data中的数据进行接收之后用差值表达式配合三元表达式进行展示
            this.status.bootTime = res.data.bootTime
          })
          .catch((error) => {
            console.log(error);
          });
        }, 1000);
      } else {
        clearInterval(this.timer);
        this.timer = null;
      }
      // console.log(tab, event);
    },