vue 中 用法

1.v-for和data属性

 

<li v-for="(item, index) in message" v-on:click="addClassFun(index,$event)" :data-qt_id='item.qt_id' v-bind:class='{selectcolor:index==selectIndex}'>
						{{ item.type_name }}
</li>



var app=new Vue({
				el:'#app',
				data:{
					message:{},
					selectIndex:0,
				    qt_id:''
				},
				methods:{
					addClassFun:function(index,e){
						this.selectIndex = index;
                        this.qt_id=e.srcElement.dataset.qt_id;
					},
				},
				created:function(){
					fetch(url, {
					  method: "POST",
					  headers: {
						  "Content-Type": "application/x-www-form-urlencoded",
					  },
					  mode: "cors",
					  body: JSON.stringify({
						 content: "留言内容"
					  })
					}).then((res)=>{
						return res.json();
					}).then((data)=>{
						//return res.json();
						console.log(this.message)
						this.message=data.data;
					})
				}
			})