首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue js:就绪事件不工作

Vue js:就绪事件不工作
EN

Stack Overflow用户
提问于 2017-02-16 16:36:54
回答 1查看 630关注 0票数 0

我正尝试在mounted事件中加载一个简单的警报,但它没有触发

以下是我的代码

代码语言:javascript
运行
复制
<!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>

脚本

代码语言:javascript
运行
复制
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吗?

EN

回答 1

Stack Overflow用户

发布于 2017-02-16 17:33:14

你把它渲染到你的#app-7上了吗?

对于你的第二个问题,是的,这是可能的,你可以这样设置

代码语言:javascript
运行
复制
<img :src="origin" />

然后你的img将从你的‘源’字符串中获取其源。-7

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42268702

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档