首页 > 其他 > 详细

vue 2.0版本----》常用代码说明

时间:2017-01-06 13:57:57      阅读:129      评论:0      收藏:0      [点我收藏+]

------------------------------------------代码不显示--------------------------------------------

[v-cloak] {
  display: none;
}

<li v-for="(list, index) in info.Product_List.data" v-cloak>

-----------------------------------------vue2.0 $set变更--------------------------------------------

var list = new Vue({
  el:"#list2",
  data:{
    info:""
  },
  methods:{
  ajax_data:function(cache){
    var _self=this;
    ajax_ing =$.ajax({
      url:"url",
      type:"get",
      data:{},
      dataType:"json",
      success:function(data){

        Vue.set(list ,"info",data.info);
        list.$nextTick(function () {

        })
      }
    })
   }
  }
})

-----------------------------------------vue2.0 src or url渲染时加路径--------------------------------------------

v-bind:src="‘../pc/images/‘+list.gameImg"

-----------------------------------------vue2.0 获取该数据的dom--------------------------------------------

<span v-on:click="choose($event)"></span>

choose:function(event){
    var el = event.currentTarget;
    $(el).find("input").attr("checked","checked")
}

 

vue 2.0版本----》常用代码说明

原文:http://www.cnblogs.com/liwangxiang/p/6255883.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!