Vue的Router如何传值页面

Vue的Router如何传值页面

步骤流程:有传参数据和无传参数据的区别
有传参数据：
1、vue引入api.js
细分两种请求：
get请求：语法：method: "get", params:query,
pos请求：语法：method: "post", data:query,

2、方法进行调用引入，可先在浏览器Notework进行查看其方法是否调用


	1）首先进行定义其对象写明其需要传参的值

   语法：
					let current = {
        							pageNum: 1,
        							pageSize: 10,
       								season: this.queryParams.season,
      								sampleId: this.queryParams.sampleId
     						 };

	2）方法调用（调用时注意，首先看是否有值进行存入，如没有值要在data中进行初始化之后再下部操作）

   语法：
					  creatLabdetailed(current).then(response => {
      							  this.tableData = response.rows;
      							  this.total = response.total;
     						 }),   	

	3）弹窗形式写法

   语法：
					takingStart(query).then(response => {
        						if(response.code==200){
          								 this.stockKey=response.data.stockKey
         								 this.msgSuccess("开始盘点成功")
          								 this.flg=true
       							}else{
          								  this.msgError(response.msg)
      							}
   						});		  	

3、页面中回填数据
	一、存在父子组件之间的传输	
		1）子组件定义props进行，要与父组件所传输过来的元素保持一致，再props中进行定义	
		2）需要在其<el-table :data="tableData"/>进行定义全部数据，然后页面中定义prop属性例如：

		 <el-table-column     prop="style"/></el-table-column>

，要保持与远程获取到的数据保持一致
	二、未存在父子组件的传输
		1）报表中使用:data属性进行回传数据即可	

无传参数据：
1、在data属性中定义其数据进行接收，然后赋值到页面即可（需注意查看其Notework元素的结果进行定义）

element中如何将其prop获取后端元素如何将其定义为v-if方法进行处理：
转换前：

   语法：
	<el-table-column 
		prop="bulkQty" 
		align="left" 
		width="140"
		 :label="'EST. TESTING DATE\n预计开始测试日期'" >
          ></el-table-column>

转换后：

   语法：
		<el-table-column
          		  align="left"
         		  width="140"
          		  :label="'EST. TESTING DATE\n预计开始测试日期'" >
           		 <template slot-scope="scope">
              		<span>{{ format(scope.row.esTestDate) }}</span>
            		</template>
          ></el-table-column>