2018-03-14VUE做简历制作工具3
2018-03-17 本文已影响0人
tsl1127
编辑技能列表
![](https://img.haomeiwen.com/i5037851/c02d5a057b12716a.png)
![](https://img.haomeiwen.com/i5037851/a427032376020e37.png)
![](https://img.haomeiwen.com/i5037851/8fd15492628dc136.png)
问题
![](https://img.haomeiwen.com/i5037851/d9812cced1653a7e.png)
![](https://img.haomeiwen.com/i5037851/2cda2698819246f6.png)
这是一个字符串,不是我们想要的东西
现在来做正则匹配,是的skills[0].name变成skills.0.name
![](https://img.haomeiwen.com/i5037851/3c508c65ff9d1eb4.png)
![](https://img.haomeiwen.com/i5037851/df9728e28d1f1144.png)
![](https://img.haomeiwen.com/i5037851/19f48da2883eff0f.png)
![](https://img.haomeiwen.com/i5037851/84f25f29c5bad945.png)
![](https://img.haomeiwen.com/i5037851/0a6874b2ae751991.png)
![](https://img.haomeiwen.com/i5037851/961a8a5413705e59.png)
加g表示是全局替换 不仅仅是替换第一个
![](https://img.haomeiwen.com/i5037851/d384467a161c73cf.png)
![](https://img.haomeiwen.com/i5037851/c92d09b86a890d3a.png)
画内存图
![](https://img.haomeiwen.com/i5037851/805d45b19d886bbb.png)
result最开始存的是add88(在result=this.resume后),然后第一轮循环,存的是add1,第2轮循环存的是add201(name的地址),最后一轮,存的是name的值f,是个字符串
![](https://img.haomeiwen.com/i5037851/2557eb351bc1944f.png)
问题:如何自由的添加技能
![](https://img.haomeiwen.com/i5037851/dc69d14163734123.png)
![](https://img.haomeiwen.com/i5037851/f73741da0244d39c.png)
添加删除,只能从第5项开始删除
![](https://img.haomeiwen.com/i5037851/79f101e4a2c6c43c.png)
![](https://img.haomeiwen.com/i5037851/55699583b5cc613d.png)
接下来做项目经历这一块
![](https://img.haomeiwen.com/i5037851/318552052780eede.png)
![](https://img.haomeiwen.com/i5037851/f8e85482e2eebcbb.png)
跟skills一样添加“添加”和“删除”
![](https://img.haomeiwen.com/i5037851/77cb984338f0fcea.png)
![](https://img.haomeiwen.com/i5037851/4173e594f63f8ac5.png)
![](https://img.haomeiwen.com/i5037851/71d2b34e5913c5cc.png)
接下来做分享功能
![](https://img.haomeiwen.com/i5037851/3893701b1888f5bf.png)
![](https://img.haomeiwen.com/i5037851/ae248514706b94cb.png)
![](https://img.haomeiwen.com/i5037851/f236aa61e69dd134.png)
链接给了面试官之后,面试官打开的是空的,因为面试官没有登录,解决:面试官不需要登录,而开发者是需要根据链接里的用户id来获取数据然后给面试官看
![](https://img.haomeiwen.com/i5037851/4fa24249710dc3e9.png)
![](https://img.haomeiwen.com/i5037851/16f7fc2bd988bf8e.png)
![](https://img.haomeiwen.com/i5037851/126b137220af3b91.png)
![](https://img.haomeiwen.com/i5037851/4a3467b72eac62b8.png)
要让登录之后,自动更新数据
![](https://img.haomeiwen.com/i5037851/7401122d01fd4f1d.png)
![](https://img.haomeiwen.com/i5037851/8c0aff54aa753039.png)
要实现的功能:如果地址栏有id,不管有没有登录,那么都显示id对应的信息,如果地址栏没id,则就显示登录者的信息
![](https://img.haomeiwen.com/i5037851/e88fb04c29204f42.png)
![](https://img.haomeiwen.com/i5037851/75a4420af2316770.png)
![](https://img.haomeiwen.com/i5037851/4dde3a31345a91eb.png)
![](https://img.haomeiwen.com/i5037851/ccab61df4ae2d800.png)
![](https://img.haomeiwen.com/i5037851/69c7733add2f2461.png)
需求:在预览模式下把边栏隐藏掉
![](https://img.haomeiwen.com/i5037851/35e15c4c3b16a058.png)
面试官不可以edit编辑
![](https://img.haomeiwen.com/i5037851/a7d2b86272361883.png)
![](https://img.haomeiwen.com/i5037851/acc92891baae48c9.png)
在预览模式下,没有添加和删除
![](https://img.haomeiwen.com/i5037851/dfe5eabcba4c529f.png)