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事件不工作

回答

相關問題