मेरे पास एक साधारण उपस्थिति ऐप है जो एसक्यूएल में डेटा स्टोर करता है। यह ठीक काम कर रहा है लेकिन मुझे एक गणना की गई संपत्ति को एसक्यूएल में भी स्टोर करने की ज़रूरत है। यहाँ config का एक हिस्सा है:

                        <v-menu
                        v-model="start1"
                        :close-on-content-click="false"
                        :nudge-right="40"
                        transition="scale-transition"
                        offset-y
                        min-width="290px"
                      >
                        <template v-slot:activator="{ on }">
                          <v-text-field
                            v-model="editedItem.start1"
                            prepend-icon="event"
                            readonly
                            label="Čas od *"
                            :rules="timeRules"
                            required
                            v-on="on"
                          ></v-text-field>
                        </template>
                        <v-time-picker
                          format="24hr"
                          :max="editedItem.end1"
                          :allowed-minutes="allowedStep"
                          v-model="editedItem.start1"
                          @input="start1 = false"
                        ></v-time-picker>
                      </v-menu>
                    </v-col>
editedItem: {
      date: "",
      start1: "",
      end1: "",
      start2: "00:00:00",
      end2: "00:00:00",
      start3: "00:00:00",
      end3: "00:00:00",
      totaltime: "",
      km: "",
      place: "",
      note: ""
    },

computed:
totaltime() {
      return this.moment
        .utc()
        .startOf("day")
        .add(this.computedTime66, "minutes")
        .format("HH:mm");
    },

अगर मैं {{totaltime}} का उपयोग करता हूं तो यह साइट पर सही ढंग से काम कर रहा है, लेकिन मुझे इसे अन्य क्षेत्रों की तरह कुल समय में sql तालिका में संग्रहीत करने की आवश्यकता है।

1
Dusan 19 अप्रैल 2020, 16:22

1 उत्तर

सबसे बढ़िया उत्तर

totalTime को editedItem प्रॉपर्टी के फील्ड के रूप में रखें और कंप्यूटेड के बजाय वॉचर प्रॉपर्टी का उपयोग करके इसे अपडेट करें:

watch:{
  editedItem:{
     handler(val){

       this.editedItem.totaltime =this.moment
        .utc()
        .startOf("day")
        .add(this.computedTime66, "minutes")
        .format("HH:mm");

    },
   deep:true
   }
}

यह उस संपत्ति को मॉडल में उपलब्ध कराता है जब आप इसे बैकएंड में जमा करना चाहते हैं

0
Boussadjra Brahim 19 अप्रैल 2020, 13:30