/public/img/morning.jpg
, то писать надо соответственно '/img/morning.jpg
без всяких assets и наоборот. const nodeExternals = require('webpack-node-externals');
{
// ...
externals: [nodeExternals()],
}
<b class="aaakjhij" data="hk">jjj!!!!</b>
должно быть уже в шаблоне. Если надо по условию - то использовать v-if или v-for если несколько.<script>
export default {
data() {
return {
data: 'hk',
text: 'jjj!!!!',
show: false
}
},
methods: {
_jjj(){
this.show = true
this.data = 'hk';
this.text = 'jjj!!!!';
},
_kkk(){
this.data = 'ooooooooooo';
this.text = 'ha-ha-haaaa!!!'
}
}
}
</script>
<template>
<div>
<b v-if="show" :data="data">{{text}}</b>
</div>
<button @click="_jjj">11</button>
<button @click="_kkk">12</button>
</template>
import { json, useLoaderData } from "react-router-dom";
import { useEffect } from "react";
export function eagerLoader(loader) {
return (...args) => {
const promise = loader(...args)
.then(res => res instanceof Response ? res.json() : res );
return json({ promise }, { status: 200 });
}
}
export function useEagerLoaderData(defaultData) {
const [data, setData] = useState(defaultData);
const promise = useLoaderData()?.promise;
useEffect(() => {
promise?.then(setData);
}, [promise]);
return data;
}
let route = {
path: "...",
loader: eagerLoader(({ request }) => ...),
lazy: () => import("./Comp"),
};
const Comp = () => {
const data = useEagerLoaderData([]);
//...
}
undefined
не может быть ключом в принципе.card = card_id && this.cards[card_id];
card = this.cards[card_id!];
card = this.cards[String(card_id)];
script
с нужным содержимым. Примерно так: function runInScript() {
// здесь везь код, независимый от иных функций
document.loremipsum()
}
document.head.append(
Object.assign(
document.createElement('script'),
{
innerHTML: `(${runInScript.toString()})()`,
onload() { this.remove() }
}
)
);
position: sticky
в css, который именно для этого и предусмотрен, нельзя, то сделай так чтоб было можно. Потому что это единственный реально адекватный вариант, а какие-то там проблемы с твоим overflow
- это твой косяк, который и надо решать.sticky
- это решали хитрой вёрсткой, где "на самом деле" никакая позиция не меняется, а fixed
(а ещё раньше absolute
) дубликат элемента показывали\скрывали по условию.requestAnimationFrame
и getBoundingClientRect
, не привязываясь к событию scroll, но не пробовал ибо не нужно.