Vue calculation properties cannot be calculated in real time

 computed:{
            //- 2018-12-31
            aftershopticket_total:function(){

                // 

                var x;
                var t=0;
                for(x in this.shopcart_shop){
                    t+=parseFloat(this.afterdiscount_shoptotal(x));
                }

                return t.toFixed(2);

            },
        },

this.afterdiscount_shoptotal (x) data has changed, but the entire calculation property is still not re-executed
is the same in calculation properties and methods. How should it be handled to calculate in real time

Vue.js javascript
Mar.24,2022

I have encountered this problem before. The reason for this problem is that vue cannot listen to dynamically adding properties to an object in Vue. For example, just like here, the shopcart_shop object starts out as an empty object ({}), and then you pass the event. this.shopcart_shop.addkey = 1 , although the object becomes {addkey: 1}, vue cannot be monitored accordingly. So there are two ways to solve it.
the first way is to add the addkey attribute to the data where you define the shopcart_shop object. For example: 

this.shopcart_shop  watch
watch:{
    shopcart_shop:{
        handler(newval,oldVal){
            this.afterdiscount_shoptotal
        },
        deep:true
    }
}

Previous: React is configured across domains and nginx reverse proxy is used. Nginx does not forward requests.

Next: Is the model layer in the PHP framework equivalent to model+dao+service? in other languages?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu