Вот другой подход, который не опирается на DOM API, но не может использоваться для получения атрибутов данных из корневого (#app) элемента:
{
el: '#app',
template: `
Hello from template
Hello from {{attribute}}
`,
data(){
return {
attribute: ''
}
},
mounted(){
this.$data.attribute = this.$refs.mydiv.dataset.attribute;
}
});
Да, эта страница, вероятно, ответит на ваш вопрос. По сути, вам нужен этот javascript:
<script type="text/javascript">
document.getElementById('image').src = "yourpicture.png";
</script>
За исключением того, что вы хотите заменить «yourpicture.png» на функцию, которую вы написали, чтобы сгенерировать правильный путь к образу на диске, поэтому ...
<script type="text/javascript">
document.getElementById('image').src = displaydate();
</script>
Конечно, вам может понадобиться чтобы немного изменить это для своих собственных нужд, getElementById будет принимать в качестве аргумента какой бы атрибут id вашего тега не был. Возможно, вы захотите выполнить вышеуказанный javascript после загрузки вашей страницы, а именно:
<html>
<head>
<script type="text/javascript">
function load()
{
document.getElementById('image').src = displaydate();
}
function displaydate()
{
//your displaydate() function here
}
</script>
</head>
<body onload="load()">
<img src="nothing.jpg" id="image" name="image"/>
</body>
</html>
You should just need to change this line
document.write("http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif");
to
return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";