如何通過$重寫計算的財產發出的vuejs

我有有輸入和內部各一對夫婦譜曲的還有另外一個比較錯誤形式，所以我有

// input comp 
<template></template> 

<script> 
    import Store from '../../store' 

    export default { 
     props:['errors'], 
     data() { 
      return { 
       input: '' 
      } 
     }, 
     computed: { 
      showError() { 
       if (this.errors && !this.input) { 
        return true; 
       } 
      } 
     } 
    } 
</script> 

// error comp 
<template> 
    <span class="help-block"> 
     <strong v-for="error in errors"> 
      {{ error }} 
     </strong> 
    </span> 
</template> 

<script> 
    export default { 
     props: ['errors'], 
     watch: { 
      errors: (val) => { 
       this.$emit('newError') 
      } 
     }, 
    } 
</script> 

// display the error 
<form-errors :errors="errors" v-if="showError" v-on:newError="showError = !showError"></form-errors>

等什麼是後是

得到error watch實際上作爲工作至今我不知道如何掛鉤到組件更新
如何重寫的計算的道具

來源

2017-01-01 ctf0

你能爲此創建一個小提琴嗎？ – Saurabh

上午使用模板的刀片和3與兒童和父母之間的數據存儲comps，所以使一個小提琴不會很容易，但你可以問我什麼是不明確的你。 – ctf0

不，你不能覆蓋計算性能是這樣的：showError = !showError，你必須使用一些其他的辦法。

既然你想顯示兩個錯誤：形成輸入的誤差和從後端未來相關的錯誤：你可以有以下的錯誤變量的結構：

errors: { 
    "backendErrors": [], 
    "formErrors" : [] 
}

現在你可以有你的計算性能顯示錯誤如下所示：

showError() { 
    if (this.errors.backendErrors || (this.errors.formErrors && !this.input)) { 
     return true; 
    } 
    else{ 
     return false 
    } 
}

其他適合您的邏輯。

來源

2017-01-02 09:18:05 Saurabh

如何通過$重寫計算的財產發出的vuejs

回答

相關問題