Question

我正在尝试在mounted事件中加载一个简单的警报，但它没有被解雇

这是我的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.1.13/vue-resource.min.js"></script>
</head>
<body>
<div id="app-7">

</div>
</body>
</html>

脚本

new Vue({
        el: '#app-7',
        data: {
            groceryList: [
                { text: 'Vegetables' },
                { text: 'Cheese' },
                { text: 'Whatever else humans are supposed to eat' }
            ],
            origin:'http://s3.myimage.com/avatar.jpg'
        },
        mounted:function () {
            console.log('ready');
            alert('ok');
        }
    })

此外，我想在页面加载后将origin设置为img。有可能用vue ??

Answer 1

你有没有把它呈现给你的＃app-7？

对于你的第二个问题，是的，有可能，你可以像

一样设置它

<img :src="origin" />

然后你的img将从你的'origin'字符串中获取它的来源。-7

Vue js：准备好的事件不起作用

1 个答案: