*.初始化vue

//********************js部分********var app;window.οnlοad=function(){	initVue();};function initVue(){	app = new Vue({		el: '#app',//对应html中的id为app		data: {		},		methods: {		},		watch: {					},	})}

*.elemnt中单选框label为传入后台的值,这里页面显示的"是/否"，传入后台的是'Y/N'

     	
      		
       
        是
       		
       
        否
       	
      
     

 

*.表单中自定义展示,scope.row 为当前行的所有数据

 

*.在任意片调用vue属性或方法,参考上方{

{}}的调用方式，上图的formatArchiveType为vue中的方法

　　

*.属性中的值用字符串和后台值拼接,这里的href就是采用的拼接方式，字符串用音引号，后台参数用+号拼接

     
      查看图片
     

　　

*.为后台参数对象添加属性,主要用于初始不存在的属性，而html中又要使用的，这种方式html中才会生效，这里的app参考第一条的初始化vue。

app.$set(app.archiveSelect,"archiveNum",ret.archiveNum);//为chiveSelect添加archiveNum属性