前端（实际开发总结）1

1.element的初识

prop相当于从数组传的参数，也就是.什么，elementUi中：data就相当于数组，他会根据prop来分布到每一行，这里有个fixed，这个地方固定住了宽度。

按钮的loading和页面是两个loading，按钮是:loading，界面是v-loading好像，可以参考官网

2.传值问题

今天遇到个问题，通过params传值，刷新界面，数据不见了，原因是直接通过这么写，刷新页面数据会丢失

this.$router.push({
          name: 'particulars',
          params: {
            id: id
          }
 })
 
{
     path: '/particulars',
     name: 'particulars',
     component: particulars
}

this.$route.params.id

这样写就可以，但是url不好看啊。。

this.$router.push({
          path: `/particulars/${id}`,
})

{
     path: '/particulars/:id',
     name: 'particulars',
     component: particulars
   }
this.$route.params.id

所以最后通过sessionStorage来保存数据就好了，不通过路由了
我一直以为这个是在一个页面中使用，但时查阅后sessionStorage中的值，可以这么理解，不关闭窗口，虽然跳转改变了路径，但是不影响，相当于短暂的localStorage一样，当然这个sessionStorage查的时候，说也有大小的，而且是字符串，数据刷新是不会没的，值得注意。

sessionStorage.setItem('creator',this.creator)

另一个界面我从Vue的data中就可以直接得到，接下来就好做了
creator: sessionStorage.getItem('creator')

3.踩下elementUi中form的rules小坑

官方：这里官方是这么写的，看不出什么问题。

改正后我的：这里面我将data中的rules下的名字给改了，与addForm中值的不同，出现了奇怪的显示，而且不判断规则失效了，查阅了一下，这里的名字prop的名字，一定要与你的表单对象（addForm）下的名字一 一对应，否则就不行。