Vue 用 v-bind 给 src 和 href 赋值

Vue 用 v-bind 给 src 和 href 赋值

用v-bind给src和href赋值其实很简单，即 v-bind:属性名="name"，其中name就是data里json数据的键值，其简写形式为 :属性名="name"。

示例：

                        <li class="fl" v-for="nav in nav">
                            <span class="xinwenzixun"></span> 
                            <a v-bind:href="nav.href">{{nav.nname}}</a> 
                            <div class="nav-news">
                                <a v-bind:href="two.href" v-for="two in nav.twoData">{{two.nname}}</a>
                            </div>                           
                        </li>

<Script>
	var vm = new Vue({
		el:"#app",
		data:{
			nav:[],
		},
		mounted(){
			this.show();
		},
		methods:{
			show:function(){
				$.post("/nav/findAll2",{},function(data){
					//alert(JSON.stringify(data));
					var len = data.length;
					for(var i=0; i< len; i++){
						vm.nav.push(data[i]);
					}
					alert(JSON.stringify(vm.nav));
					
				});
			}
		},
	});
</Script>