vue笔记

1、url赋值src

<div id="app">
	 <img :src="url" >
 </div>

  var vm = new Vue({
      el: '#app',
      data: {
          url: '/scripts/img/xx.png'
      }
	});

2、v-on:click=“textclick()” 相当与 @click=“textclick()” 用于c#

3、 v-for="(item,index) in lawyername" 传lawyername是引用，item是值

4、在var vm外部可以用vm.url访问vue值

5、jquery 往json 的obj中添加键值对

 var sss = val.rows[index];
 sss.roletype = "主办律师";  //添加一个键值对

6、bind: 相当于 :

<img bind:src="url">
<img :src="url">

7、双重循环

   			<div v-for="itemshowdate in showdata.showList">
                <div class="row borderline">
                    <div class=" titleFont borderline" style="border-color: #ed6c00; border-width: 2px; ">
                        <span><strong>{{itemshowdate}}</strong></span>
                    </div>
                </div>

                <div class="row" v-for="item in showdata.rows" v-if="itemshowdate===item.showdata">
                    <div class="col-sm-3 borderline">
                        <span>{{item.subMumbername}}</span>
                    </div>
                    <div class="col-sm-6 borderline">
                        <span>{{item.subjectname}}</span>
                    </div>
                    <div class="col-sm-3 borderline">
                        <div class="row importantFont">
                            <span>{{item.counttime}}</span>
                        </div>
                        <div class="smallFont">
                            <span>{{item.starttime}}&nbsp;-&nbsp;{{item.endtime}}</span>
                        </div>
                    </div>
                </div>


            </div>

8、等于不等于

 <div class="" v-if="selected!=='xxx'"></div>
 <div class="" v-if="selected!='xxx'"></div>
 <div class="" v-if="selected==='xxx'"></div>
 <div class="" v-if="selected=='xxx'"></div>

9、解决点击a时回到页面顶部

<a href="javascript:void(0)"></a>

10、事件(放在vue的methods中)

v-on:click="text()"
v-on:mouseenter="text()"  //鼠标进入这个标签范围
v-on:mouseleave="onout(item)"//鼠标离开这个标签范围
v-on:focus="text()"  //点击这个标签范围
v-on:blur="text()"   //点击其他范围

其他在这里
支持的事件
11、jquery配置全局加载特效

//全局配置
$.ajaxSetup({
    layerIndex: -1, //保存当前请求对应的提示框index,用于后面关闭使用
    //在请求显示提示框
    beforeSend: function (jqXHR, settings) {
        this.layerIndex = layer.load(1);  //用到layui
    },
    //请求完毕后（不管成功还是失败），关闭提示框
    complete: function () {
        layer.close(this.layerIndex);
    },
    //请求失败时，弹出错误信息
    error: function (jqXHR, status, e) {
        layer.alert('数据请求失败，请后再试!');
    }
});