个人实习周报2019-10-21

周报描述

1. 问卷调查系统

下周计划

周报笔记

1. CSS :hover选择器
   :hover 选择器用于选择鼠标指针浮动在其上的元素，并设置其样式。:hover 选择器可用于所有元素，不只是链接。

   .question-item:hover {
   	background: rgba(238, 238, 238, 0.47);
   }
   

2. 使用localStorage存储信息
   https://www.cnblogs.com/houzheng/p/9067110.html

   要保存的内容：const info = { name: 'hou', age: 24, id: '001' };
   保存：localStorage.setItem('savedinfo', JSON.stringify(info));
   获取：var data1 = JSON.parse(localStorage.getItem('savedinfo'));
   删除：localStorage.removeItem('savedinfo');
   

3. 无法监听表单值的变化
   问题：答卷的用户输入值与对象answers绑定，监听answers发现无反应。
   原因：Vue 不能检测到对象属性的添加或删除，如果要监听对象的属性的变化，需要使用深度监听。

   watch: {
       answers:{
           deep:true,
           handler:function() {
               console.log("changed")
               localStorage.setItem("answers", JSON.stringify(this.answers))
           }
       },
   },
   

4. service.js中使用axios
   config/test.proxy.js中，baseUri改为后端地址，arrProxyPathConfig添加axios要访问的地址即后端RequestMapping的地址，如“/test/**”。后端的controller不用加@CrossOrigin

5. 待解决：
   清除localstorage后第一次刷新页面时，单选题、多选题、下拉题无法选择选项。
   执行顺序：getdata(),localstorage.length<=0，mounted全部执行完以后再执行watch()。

来源：CSDN

作者：YOQUY

链接：https://blog.csdn.net/Soliloquy_XD/article/details/102669415