मैं कुछ है कि चेक बॉक्स क्लिक किया जब एक बहुत कारण होगा में परिवर्तन के डोम, और यह जमा देता है आवेदन कई सेकंड के लिए. मैं करना चाहते हैं के चेक बॉक्स को अद्यतन करने के लिए पहली बार, और/या प्रदर्शित एक प्रतीक्षा सूचक है । मैंने कोशिश की है अलग अलग चीजें हैं, लेकिन किसी कारण के लिए कुछ भी नहीं है और डोम में अद्यतन करेगा से पहले फ्रीज । परिवर्तन के लिए बना रहे हैं एक बड़ी मेज, या तो हटाने या जोड़ने के पूरे कॉलम, और यह रूप में कार्य करता है अगर यह अधिक से अधिक प्राथमिकता कुछ और है, क्योंकि किसी भी अन्य प्रयास को अद्यतन करने के लिए डोम क्लिक करने के बाद चेकबॉक्स के माध्यम से जाना नहीं है जब तक मेज पूरा कर लिया है, फिर से प्रतिपादन है । FWIW मैं का उपयोग कर सकते हैं console.लॉग इन करने के लिए एक संदेश प्रदर्शित करने से पहले तालिका अद्यतन, और यह भी करने के बाद से पूरा करती है के लिए कुछ कारण है ।
0
import {tick} from "svelte";
let checked = false;
$: applyChanges(checked);
async function applyChanges() {
messageVisible = true
await tick()
requestAnimationFrame(() => {
requestAnimationFrame(() => {
// do the stuff that causes a lots of dom updates
})
})
}
के await tick()
लागू होता है messageVisible
परिवर्तन करने के लिए DOM.
डबल आरएएफ इंतजार करेंगे ब्राउज़र के लिए आकर्षित करने के लिए अद्यतन DOM.