【VueJS】对 文本框/图片框 进行操作(删除、上移、下移和插入)

时间:2018-07-31 12:28:01   收藏:0   阅读:424

  公司的一个APP项目,要求做一个商品详情编辑页,很简单,只是走了点弯路,仅以此记录。

    页面可以在文本框内输入文本和插入图片。

    在文本框底部还有操作的按钮。

    效果图如微店的效果。

技术分享图片技术分享图片

-----------------------------------------------------------------------------------------------------

  流程:

  点击“添加内容”时,底部弹出选择插入 文本框 还是 图片框 按钮。

  点击文本按钮,则在内容底部添加空文本框。点击图片按钮,则上传图片并在底部添加图片。

  文本框和图片底部都有操作按钮。

  思路:

  一开始绕了点弯路,没有用数组,这种情况毫无疑问要用数组来实现。

  一开始打算用两个数组来实现,一个临时空数组 temList 做循环用,另外一个数组 contentList 做内容存放数组。后来一想,只用一个数组就完事了。

  所以我就用数组 contentList 来完成这个功能。

  

 

原文:https://www.cnblogs.com/fanzhongyan/p/9395180.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!