К примеру если существует изображение, при котором браузер не может его загрузить возвращаяя 404 ошибку, данный код отследить это событие не может, а необходимо.
Будет ли он по прежнему работать или придется перенастраивать отображение изображений на какой-то другой
function htmlToDOM(html)
{
let parser = new DOMParser();
return parser.parseFromString(html, "text/html").getElementsByTagName('body')[0].firstChild;
}function htmlToDOM(html)
{
let temp = document.createElement("div");
temp.innerHTML = html;
return temp.firstChild;
}
<div>
Рассчитаем стоимость обслуживания за 15 минут
</div>div {
width: 250px;
height: 70px;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-family: sans-serif;
padding: 5px 40px;
color: #fff;
background: #EBA146 no-repeat;
background-image:
radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
linear-gradient(to right, #EBA146, #E17233);
background-position:
5px 5px,
calc(100% - 5px) 5px,
5px calc(100% - 5px),
calc(100% - 5px) calc(100% - 5px),
0 0;
background-size:
12px 12px,
12px 12px,
12px 12px,
12px 12px,
100% 100%;
}
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
// a computed getter
reversedMessage: function () {
// `this` points to the vm instance
return this.message.split('').reverse().join('')
}
}
})<meta name="viewport> 
<div class="circular" v-bind:style="{ 'background-image': 'url(' + image + ')' }"></div>