vue当前页面传值时分两种情况:
1.本地数据
在页面中绑定值时,首先在<template>中添加想要绑定的元素,通过定义属性绑定(不同的元素绑定方式不同,比如table一般通过 :data="" 绑定),在return的data{[ ]}中自定义数据,页面调用
2.前后端分离,后台数据接口连接
思路1:先写当前页面所对应的js文件
import request from '@/router/axios'
export function getAllLabel(param) { //自定义的方法名称
return request({
url: '/code/XXX', //后台链接路径
method: 'post',
data: param
})
}
思路2:在当前页面<script>部分引用所写的js文件
import {
getAllLabel //js文件中定义的方法
} from '../../../EnterpriseDetail' //from后接的是js文件的存储路径
思路3:将定义好的字段名与后台数据进行匹配,赋值给相对应的字段
获取设计文档中定义好的关键字的值
mounted() {
this.labelInfo() //回调methods里的方法,方法名称自定义,与调用一致即可
},
methods: {
labelInfo() {
getAllLabel().then(response => {
for (let i = 0; i < response.data.data.length; i++) {
this.options.push({
value: response.data.data[i].id, //前面是当前页要获取的关键字,后面是接口定义的关键字
label: response.data.data[i].labelName
//response.data向后台访问数据,.data表示数据的层级,看具体的接口文档,使用webstom有提示
})
}
})
}
}
只是简单的理解,若有错误还望谅解指正!