<template>
<div class="posts" v-masonry="" transition-duration="3s" item-selector=".post">
<div class="post"
v-for="(item, index) in (items)"
:key="index"
@mouseover="item.hover = true"
@mouseleave="item.hover = false"
>
<div class="postInfo" v-if="item.hover">
<button class="postSaveBth">
Сохранить
</button>
<div class="postMove">
<a class="postOfficalUrl" href="#">
<span class="material-icons-round">
north_east
</span>
mobile-twitter.ru
</a>
<button class="postShare postMoveBth" style="margin-left: auto;">
<span class="material-icons-round">
share
</span>
</button>
<button class="postSettings postMoveBth">
<span class="material-icons-round">
more_horiz
</span>
</button>
</div>
</div>
<img :src="item.filePost" style="width: 252px">
</div>
</div>
</template>
<script>
export default {
props: ['items'],
}
</script>$(document).on('click', '#button', function(){
let txt = 'Hello';
$.ajax({
url: 'test.php',
type: 'POST',
data: { txt: txt, },
success: function(data){
$('p.out').text(data);
},
error: function(){
console.log('ERROR');
}
})
})$(document).on('click', '#button', function(){
let txt = 'Hello';
$.ajax({
url: 'test.php',
type: 'POST',
data: {
text: txt,
},
success: function(data){
$('p.out').text(data);
},
error: function(){
console.log('ERROR');
}
})
})