在springboot项目html中直接使用vue遇到的问题

1. 正常使用viewer插件进行图片操作，以下是能正常跑的代码：

* { margin: 0; padding: 0;}
#dowebok { width: 700px; margin: 0 auto; font-size: 0;}
#dowebok li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}




jQuery版本


	
	
	

 2. 使用vue动态加载数据之后：

        2.1 viewer插件对动态加载的图片就无法操作了，即使重新初始化viewer也无效，

        2.2

里面动态加载的图片是正常显示的，只是无法使用viewer操作图片

        2.3 vue中动态加载的图片路径必须是双斜杆，单斜杆会被自动去掉

        2.4 vue中动态加载的数组数据不能使用 this.fileList = 动态加载值 或 vm1.fileList赋值，值能接收到，但是页面不会刷新，需要使用 循环遍历的方法一个一个值push到数组中，push之前先把初始化的值清空再使用 vm1.fileList.push(result[i]) 进行赋值即可，//数组的数据变更需要调用可以实时刷新数据的方法，例如push，sort，pop,splice，否则页面不会刷新

	* { margin: 0; padding: 0;}
	#dowebok { width: 700px; margin: 0 auto; font-size: 0;}
	#dowebok li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}
	#dowebok li img { width: 100%;}