Vue公司JS：ready事件不工作

我想在mounted事件加载一个简单的警报，但它没有被解雇Vue公司JS：ready事件不工作

这里是我的代码

<!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可能吗？

来源

2017-02-16 Jabaa

也有报价标记超过“原产地”声明中的必要条件 - >来源：'http：//s3.myimage.com/avatar.jpg' – Plastic

它显示挂载的警报，http://jsbin.com/puyitan/edit?html ，js，输出，你想在装入事件之后显示源图像作为源的图像吗？ – azs06

@ azs06我想在DOM加载后显示 – Jabaa

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

为了您的第二个问题，是的，它是可能的，你可以将它像

<img :src="origin" />

那么你的IMG将其源从“出身” string.-7

来源

2017-02-16 09:33:13 shelune

这已经尝试，但图像加载与页面加载 – Jabaa

Vue公司JS：ready事件不工作

回答

相关问题