积分系统,由于技术问题,进度比较慢,首先,先总结一下在项目中遇到的难题
1,将数据存在变量中,接着放入prop中用更大的变量包住,但显示不出来数据(未解决)
2,将数据从请求中移出并存入新的变量且让它在其他的组件或其他地方能够引用(已解决)
3,点击单个选项,将所选择的数据发送到后端,点击当前选择的选项获取数据(已解决)
4.创建方法(已解决)
5.获取对象数组的数据(已解决
6.使用循环将数据放入element ui表格中并渲染出来(已解决)
接下来为解决心得,希望对各位学习vue的同学有帮助
1,如想存入prop中并渲染到表格中,那么你得先让这个存入prop中的变量存入数据,使用axios,存入后使用this.变量,接着放入data中,在表格中使用
父table中输入:data:变量,在子table中使用prop:变量中的存入了数据的函数,即可动态渲染数据,但我还是有个疑惑,就是,大变量中存入两个装了数据的
变量,但使用的时候会显示小的变量为空,为附件的第一张图片,如果是这样的写法,显示不出来数据,但是如果是单独写的,可以渲染数据
2.将数据让别的地方也能使用,可以使用数据缓存,localstorage.setitem(“变量名“,数据名字),这样数据就被存入了local storage中,如果想在其他地方使用
因为子组件父组件通不了数据,所以用这个方法也可以达到这个目的,在需要用到这个数据的地方引入localstorage.getitem(“变量名“),将他存入一个变量中即可使用此数据.
3,在点击事件中输入id,前提是你已经获取到了后端反回来的id例如,你设置了一个点击事件@click.native=“test(“那么你需要在这里面输入你想传的值id“)“,在事件中也要输入id
4,和平常一样,输入一个事件,在create中注册刚刚自定义的事件一下,方法创建完成.
5.数据名.length && 数据名.map(data => 数据名.想获得的数据名字),这样便可以拿到想要拿到的数组中的属性中的数据,如果直接res.data.data.属性名字,浏览器会报undefined.
6,将5获取到的数据循环出来,并在data中注册,接着按1的方法在:data中填入数据,接着prop接上数据