Vux: टोस्ट और अलर्ट शो दोनों दोतरफा हैं, और हमेशा vuex वन-वे डेटा फ़्लो का उपयोग करते समय चेतावनी की रिपोर्ट करें

को निर्मित 3 मई 2016 · 12टिप्पणियाँ · स्रोत: airyland/vux

संस्करण

"वक्स": "0.0.106"

एंड्रॉइड या आईओएस, कौन सा ब्राउज़र?

सभी

आपके कोड

<toast :show="toast.show">{{toast.msg}}</toast>

अपेक्षित व्यवहार और वास्तविक व्यवहार।

क्योंकि इसका उपयोग वैश्विक घटक के रूप में किया जाता है, इसके उप-घटक पॉप-अप को ट्रिगर करने के लिए सीधे vuex वन-वे डेटा प्रवाह का उपयोग करते हैं, लेकिन टोस्ट और अलर्ट शो दोनों टू-वे हैं, इसलिए वे चेतावनी देते रहते हैं, और जुनूनी-बाध्यकारी विकार असहज है। .

समस्या को पुन: उत्पन्न करने के लिए कदम

स्रोत

alexqdjay

सबसे उपयोगी टिप्पणी

पॉपअप घटक का उपयोग करते समय vuex+vux के संयोजन को भी दोतरफा चेतावनी का सामना करना पड़ा। शुरुआत में, मैं उन घटनाओं को भी सुनना चाहता था जब बदलाव किए गए थे!बाद में मुझे यहां एक नया समाधान मिला: परिकलित गुण

ये रहा एक सरल उदाहरण

<template>
  <popup :show.sync="showed">
    <group>
      <switch title="just switch" :value.sync="showed"></switch>
    </group>
   </popup>
</template>

<script>
export default {
  vuex: {
    getters: {
      getShow
    },
    actions: {
      updateShow
    }
  },
  computed: {
    showed: {
      get: function () {
        return this.getShow
      },
      set: function (val) {
        this.updateShow(val)
      }
    }
  }
}
</script>

निगरानी घटनाओं की तुलना में, गणना विशेषता एनकैप्सुलेशन की एक अतिरिक्त परत होती है, लेकिन यह चेतावनी के लिए विदाई भी देती है

pzxbc 11 अग॰ 2016

👍3 😄1

सभी 12 टिप्पणियाँ

तो आपका क्या सुझाव है? टूवे इसलिए है क्योंकि घटक के आंतरिक संचालन से शो बदल जाएगा, अन्यथा स्थिति असामान्य हो जाएगी।

airyland 3 मई 2016

टूवे सिर्फ यह जांचने के लिए है कि क्या यह दो-तरफा बाध्यकारी है, अब यह समय चेतावनी की जांच करना है

इसलिए मैं दो-तरफ़ा बाध्यकारी सत्यापन को रद्द करने का सुझाव देता हूं, लेकिन आप अभी भी आंतरिक रूप से शो के मूल्य को स्वचालित रूप से बदलते हैं, ताकि यदि आप दो-तरफ़ा बाहरी रूप से उपयोग करते हैं, तो आप स्वचालित रूप से मान बदल सकते हैं।

बेशक, मैं यहां बाहरी रूप से शो के मूल्य को नियंत्रित करने के लिए हूं।

तुम क्या सोचते हो?

alexqdjay 5 मई 2016

क्या यह सिर्फ जाँच नहीं कर रहा है?

lichunqiang 5 मई 2016

बेशक यह सिर्फ जाँच कर रहा है!

आपको टू-वे लिखने की आवश्यकता नहीं है, लेकिन यह अभी भी घटक में सिंक द्वारा बाध्य है, और यह अभी भी दो-तरफ़ा हो सकता है

मैंने अभी एक महीने के लिए VUE में स्थानांतरित किया है, सड़क गहरी नहीं है, मुझे सलाह देने की उम्मीद है

alexqdjay 5 मई 2016

यह घटक बाध्यकारी के लिए सिर्फ एक सत्यापन कार्य होना चाहिए। यदि आपको अलर्ट के शो के लिए टू-वे बाइंडिंग की आवश्यकता नहीं है, तो आप केवल on-hide ईवेंट के माध्यम से शो का मान बदल सकते हैं।

airyland 5 मई 2016

हां, अलर्ट पहले से ही है। टोस्ट, मैंने बाउंड शो को बदलने के लिए सेटटाइमआउट सेट किया है। बेशक, ऑन-छिपाना सबसे अच्छा है।

alexqdjay 6 मई 2016

मुझे यह भी लगता है कि टोस्ट और अलर्ट vuex के साथ बहुत संगत नहीं हैं। ऑन-हाइड ईवेंट रखना और अलर्ट के समान इंटरफ़ेस बनाए रखना सबसे अच्छा है।

JianleiZhang 5 अग॰ 2016

@JianleiZhang अगली रिलीज पर लागू होगा।

airyland 5 अग॰ 2016

ये रहा एक सरल उदाहरण

<template>
  <popup :show.sync="showed">
    <group>
      <switch title="just switch" :value.sync="showed"></switch>
    </group>
   </popup>
</template>

<script>
export default {
  vuex: {
    getters: {
      getShow
    },
    actions: {
      updateShow
    }
  },
  computed: {
    showed: {
      get: function () {
        return this.getShow
      },
      set: function (val) {
        this.updateShow(val)
      }
    }
  }
}
</script>

pzxbc 11 अग॰ 2016

👍3 😄1

@pzxbc शानदार: स्माइली:

airyland 11 अग॰ 2016

@pzxbc मैंने पाया कि

JianleiZhang 12 अग॰ 2016

मेरा दृष्टिकोण है:

      set: function (val) {
        if (val === false){
          this.updateAlert(val)
        }
      }