Это мой код.
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="el">
<input type="text" v-model="input.model"/>
<div v-for="item in items">
<a href="" class="image-wrapper background-image">
<img src="https://www.google.lk/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" alt="">
</a>
</div>
</div>
<script src="http://themestarz.net/html/craigs/assets/js/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
var vm = new Vue({
el: '#el',
delimiters: ["[[", "]]"],
data: {
input: {
sorting: "",
brand: "all",
model: "all",
},
items: null,
},
watch: {
input: {
handler(newInput) {
axios.get('http://api.fightpoverty.online/api/city?page=2')
.then(response => {
this.items = response.data;
console.log(JSON.parse(JSON.stringify(response.data)));
$(".background-image").each(function () {
$(this).css("background-image", "url(" + $(this).find("img").attr("src") + ")");
});
});
},
deep: true
}
},
created: function () {
axios.get('http://api.fightpoverty.online/api/city?page=2')
.then(response => {
this.items = response.data;
console.log(JSON.parse(JSON.stringify(response.data)));
$(".background-image").each(function () {
$(this).css("background-image", "url(" + $(this).find("img").attr("src") + ")");
});
});
}
});
</script>
</body>
</html>
Мне нужно запустить этот код jquery внутри созданного события vue.
$(".background-image").each(function () {
$(this).css("background-image", "url(" + $(this).find("img").attr("src") + ")");
});
Но, к сожалению это не работает внутри созданногособытие .Но это нормально работает внутри часового события .поэтому код может быть правильным, но Я думаю, что созданное событие может что-то сделать, чтобы предотвратить выполнение кода .Было бы здорово, если кто-то может помочь.Конечный результат, который мне нужен, такой:
<a class="image-wrapper background-image" style="background-image: url('https://www.google.lk/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png');">
<img src="https://www.google.lk/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" alt="">
</a>