this.items = response.data;
console.log(response.data)items: {!! json_encode($data) !!}. return response()->json(['test' => 'BlaBla']);.items: [
{
price: '...',
qty: '...',
},
{
price: '...',
qty: '...',
},
{
price: '...',
qty: '...',
},
]<template>
<div>
{{ dataFromAPI }} <----- когда кнопку жмёте
...
</div>
</template>как достучатся из дочернего компонента к data() свойству
Мне не подходит <component :dir="getDir()"></component>
const swiper = new Swiper('.swiper', {
// ...
});
swiper.on('slideChange', function () {
console.log('slide changed');
});swiper.activeIndex number
Index number of currently active slide[
{slide: 1, moto: 1.jpg, year: 1934},
{slide: 2, moto: 2.jpg, year: 2005},
{slide: 3, moto: 3.jpg, year: 2007},
]
print_r($_POST); или var_dump($_POST); - если на чистом phpdump($_POST); или dd($_POST) - если на фреймворке
внутри .product__imagewrapper кликаем по .product__image-small и при клике внутри .product__imagewrapper ищем .expandedImg и подменяем src из .product__image-small. Т.е нужно чтобы он подменял имеено внутри своего .product__imagewrapper если их несколько на странице
у меня есть 2 блока парента, в них есть чайлды миникартинок и одна главная. при клике по миникартинкам главная картинка меняется на src из этого чайлда. Соответственно когда кликаем во втором блоке на миникартинки они подменяются во втором блоке. Сейчас при клике во втором блоке изображение меняется в первом. Блоков может быть больше 2-х
<div class="parent">
<div class="mainChild" style="color: red">O</div>
<div class="child">A</div>
<div class="child">B</div>
<div class="child">C</div>
</div>
<div class="parent">
<div class="mainChild" style="color: red">O</div>
<div class="child">D</div>
<div class="child">E</div>
<div class="child">F</div>
</div>
<div class="parent">
<div class="mainChild" style="color: red">O</div>
<div class="child">G</div>
<div class="child">H</div>
<div class="child">I</div>
</div>
</div>const parents = document.querySelectorAll('.parent')
parents.forEach((parent) => {
const mainChild = parent.querySelector('.mainChild')
const children = parent.querySelectorAll('.child')
children.forEach((child) => {
const content = child.textContent
child.onclick = () => {
mainChild.innerHTML = content
}
})
})