vue踩坑记录

问题1:数据更新,视图未更新

             原因:1.更新的数据,其类型 和视图中绑定的数据,要求的类型不一致;

                     2.数据一开始 未初始化或未定义,然后修改的数据

            eg:视图绑定的数据是对象a={b:['arr_c]};而更新的数据 a=[],a=null,a={b:null}

问题2:在页面(视图)修改显示的数据,对应绑定的数据未修改

 问题描述:

 var arrObj=[{k1:"k1_数据",v1:"v1_数据"},{k2:",v2:'}] ;
视图_数据绑定.arrObj;页面通过:列表方式展示此数据,用户可编辑数据,增删条目
    1.视图层l,用户将显示的数据, k1_数据   ==改==> k1__修改
    2.预期:arrObj=[{k1:"k1__修改",v1:"v1_数据"},{k2:",v2:'}] ;
    3.实际:arrObj=[{k1:"k1_数据",v1:"v1_数据"},{k2:",v2:'}];

结果:编辑失败,增删成功

                   解决:定义一个对象,进行视图_数据绑定:var newObj={arrObj:[{k1:"k1__修改",v1:"v1_数据"},{k2:",v2:'}] ;}

 

总结

1.注意脱离引用,

      a.在多个页面传递,多个组件引用,绑定,

      b,在传给某些方法,或者修改数据

2.数据结构不一致,采用_多添加一个变量的方式,同步修改这两个变量

谷歌断点debugger,Ctrl+P:快速找文件,打断点

跨域,页面404问题:

vue项目:1.添加文件加/WEB-INF/web.xml   2.配置base*:项目名

后台:tomcat配置,context文件,context标签添加:sessionCookiePath="/"

 

 

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee

           http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"

  version="3.1" metadata-complete="true">

  <display-name>Router for Tomcat</display-name>

  <error-page>

    <error-code>404</error-code>

    <location>/index.html</location>

  </error-page>

</web-app>