vue父子传值, 如何用computed接收并操作数据?

父子传值传值, 如何用computed接收并操作数据?

父组件

// 父组件下面的子组件<Current
      :status="orderID"/>data() {    return {
      orderID: '',
    };
},
methods: {  // 该事件是从另外一个子组件传值过来的, 接收值之后传给另外一个子组件使用
  getOrderID(orderID) {    this.orderID = orderID;
  },
},

子组件

props: {
    status: {      type: String,      default: String,
    },
},// computed如何来操作

子组件已经从父组件传值成功

https://img4.mukewang.com/5c50ff810001550806470506.jpg

ABOUTYOU
浏览 1426回答 1
1回答

郎朗坤

<template> &nbsp;&nbsp;<div>{{statusText}}</div></template><script>export&nbsp;default&nbsp;{&nbsp;&nbsp;props:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;status:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;String,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;default:&nbsp;String &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;},&nbsp;&nbsp;components:&nbsp;{}, &nbsp;&nbsp;data&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{} &nbsp;&nbsp;},&nbsp;&nbsp;computed:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;statusText&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(this.status)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.status&nbsp;===&nbsp;'1234')&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;'哈哈哈哈' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;}, &nbsp;&nbsp;created&nbsp;()&nbsp;{ &nbsp;&nbsp;},&nbsp;&nbsp;methods:&nbsp;{} }</script>
打开App,查看更多内容
随时随地看视频慕课网APP