问题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>