{
name: 'json',
label: '...',
field: '...',
align: 'left',
format: (json) => JSON.stringify(typeof json === 'string' ? JSON.parse(json) : json, null, 2),
style: 'white-space: pre-line',
},
<template #body-cell-json="props">
<q-td :props="props">
<json-viewer :value="props.value"/>
</q-td>
</template>
function waitSelector(selector, root = document) {
const node = root.querySelector(selector);
if (node) return Promise.resolve(node);
return new Promise(resolve => {
new MutationObserver((_, observer) => {
const node = root.querySelector(selector);
if (node) {
observer.disconnect();
resolve(node);
}
}).observe(root, { childList: true, subtree: true });
})
}
let el = await waitSelector('#id');
Но это не для прода, разве что в юзерскриптах имеет смысл.