動態組件元素在Vue.js中不起作用
[英]Dynamic Component Element Not Works in Vue.js
問題描述
我遇到一個使我生氣的問題。 我嘗試制作一個動態組件，但這是行不通的。 Vue檢測到我的第一部分和第二部分，但未檢測到其他部分。
這是我的索引html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kamuran Vue Test</title>
</head>
<body>
<app-header>
</app-header>
test
app-header
<app-header></app-header>
<component is="{{view}}"></component>
<app-footer></app-footer>
<app-form form="login"></app-form>
</body>
<script src="build.js"></script>
</html>
還有我的main.js
var $ = require('jquery')
var page = require('page')
var Vue = require('vue')
var vue = new Vue({
el: 'html',
data: {
view: 'home'
},
components: {
'app-footer' : require('./components/footer'),
'app-header' : require('./components/header'),
'app-form' : require('./components/form'),
'home' : require('./views/home'),
'login' : require('./views/logins'),
'contact' : require('./views/contact')
}
});
page("*", function(ctx){
if(ctx.path != "/"){
vue.view = ctx.path.substr(1);
} else {
vue.view = "home"
}
console.log(vue.view)
});
page();
我在構建build.js或在控制台上看不到有關js的任何錯誤警告。
元素不起作用，即使我將其值設置為應用程序標頭也是如此。
app-header和app-footer可以完美地工作，因為它們可以作為元素使用，但其他組件則不起作用。 是否有另一個軟件包可以工作？
怎么了，我不明白。
1 個解決方案
解決方案1
1 已采納 2015-07-28 15:06:47
終於，我找到了答案。 當我構建“ build.js”時，我使用了browserify。 它引起了問題。 清除所有節點模塊，然后使用webpack重新安裝它們，然后重新構建js文件並解決問題。
帶有動態數據的 Vue.js 動態組件
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.