0
我在vue.js中同步我的屬性時遇到了問題,我有一個'active'屬性,我想將它設置爲每個實例'plan'的值,但在相同我希望將時間與家長同步,但沒有運氣。我究竟做錯了什麼 ?vue.js中的屬性綁定和同步
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Vue</title>
<link rel="stylesheet prefetch" href="http://bootswatch.com/paper/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.js"></script>
</head>
<body>
<div class="container">
<div id="app">
<pre>
@{{ $data | json}}
</pre>
<div v-for="plan in plans">
<plan :active.sync="active" :plan.sync="plan"></plan>
</div>
</div>
</div>
<template id="plan_template">
<div>
<span >@{{ plan.name }}</span>
<span >@{{ plan.price }}/month</span>
<button @click="setActivePlan" class="btn btn-primary btn-xs">UPGRADE</button>
</div>
</template>
<script>
new Vue({
el:'#app',
data:{
plans:[
{name:'Executive',price:100},
{name:'Professional',price:50},
{name:'Personal',price:30},
{name:'Free',price:0}
],
active:{},
},
components:{
plan:{
template:'#plan_template',
props:['plan', 'active'],
methods:{
setActivePlan:function(){
this.active=this.plan;
}
}
}
}
});
</script>
</body>
</html>
這樣下去是不正確的,因爲它是在[2.3.0+(HTTPS重新:// vuejs .ORG/V2 /引導/ components.html#同步改性劑)的 – icosamuel