PM
еще там можно динамические ивенты делать, то есть чтобы имя ивента было переменной
Size: a a a
2021 March 11
М
Во втором Vue можно было так <tag v-on="$listeners" />
Точно, сам вспомнил, когда увидел)
RS
В 3-ем аттрибуты и события объединены, если ничего не путаю. Теперь все в $attrs
https://v3.vuejs.org/guide/migration/listeners-removed.html#overview
https://v3.vuejs.org/guide/migration/listeners-removed.html#overview
М
Вопрос: свелт нативу очень далеко до реакт натив? )
ВБ
Только вкатываюсь в свелт. Помогите советом. Есть Компонент1, который содержит 3 Компонента2. Внутри Компонента2 есть инпут. Задача при отображении Компонента1 сделать так, чтобы инпут в первом Компоненте2 получил фокус. Как это правильно/грамотно сделать?
МТ
Только вкатываюсь в свелт. Помогите советом. Есть Компонент1, который содержит 3 Компонента2. Внутри Компонента2 есть инпут. Задача при отображении Компонента1 сделать так, чтобы инпут в первом Компоненте2 получил фокус. Как это правильно/грамотно сделать?
Первому компоненту из родителя передать пропс
И в скрипт теге этого компонента написать:
focusOnMount={true}И в скрипт теге этого компонента написать:
export let focusOnMount = false;
function focus(node) {
if(focusOnMount) node.focus()
}
МТ
И на инпуте использовать use:focus
МТ
Тогда в тех компонентах где focusOnMount={true} по появлению инпута он будет получать фокус
МТ
Вопрос: свелт нативу очень далеко до реакт натив? )
Очень~
ВБ
Марк Танащук
И на инпуте использовать use:focus
Спасибо большое!
МТ
Марк Танащук
<script>
import { onMount } from "svelte";
let myInput;
onMount(() => {
myInput.focus()
})
</script>
<input bind:this={myInput} />
Я бы сделал это через экшн:
<script>
const focus = node => node.focus();
</script>
<input use:focus />
Вот пример
TG
Подскажите плиз, а что происхдит когда я через {@html } добавляю на страницу что-то вроде <script>console.log(1)</script> ? оно его записывает, но почему-то скрипт не отрабатывает. там какой-то санитайзер внутри есть?
AP
потому что скрипт нельзя вставлять разметкой даже в ваниле
TG
а ну да, это же раньше делали через eval. точно, спасибо
AP
хз кто это делал через эвал =)
EM
хз кто это делал через эвал =)
я делал. примерно в 2005
ВБ
Марк Танащук
Первому компоненту из родителя передать пропс
И в скрипт теге этого компонента написать:
focusOnMount={true}И в скрипт теге этого компонента написать:
export let focusOnMount = false;
function focus(node) {
if(focusOnMount) node.focus()
}
Всё отлично работает. Еще раз спасибо. Сделаю лишь небольшое уточнение. Свелт не дает создать функцию с именем focus, так как это имя уже где-то им занято.
МТ
Всё отлично работает. Еще раз спасибо. Сделаю лишь небольшое уточнение. Свелт не дает создать функцию с именем focus, так как это имя уже где-то им занято.
ВБ
Посыпаю голову пеплом. Это у меня в компоненте уже есть переменная с таким названием и я почему-то неправильно прочитал подсказку. Прошу прощения.
МТ
