上小学网站建设,flash使用教程,上海网站设计哪家好,广州建设手机网站我使用的是uniapp 官方推荐的组件 rich-text#xff0c;一般我能用官方级用官方#xff0c;更有保障一些。 一、整体逻辑 1. 定义一段html标签字符串#xff0c;里面包含图片 2. 将字符串放入rich-text组件中#xff0c;绑定点击事件itemclick 3. 通过点击事件获取到图片ur… 我使用的是uniapp 官方推荐的组件 rich-text一般我能用官方级用官方更有保障一些。 一、整体逻辑 1. 定义一段html标签字符串里面包含图片 2. 将字符串放入rich-text组件中绑定点击事件itemclick 3. 通过点击事件获取到图片url路径使用uni 提供的预览图片 和 保存图片API 注意这是在vue文件下在nvue无效避免在nvue实现该功能。 templaterich-text :nodesstrHtml itemclickhandleRich/rich-text
/templatescript setup//定义测试的html字符串let strHtml divp一般完成Java的基础语法和JavaSe部分已经Spring boot框架后就可以开始工作在工作中不断实践拓展提高自己的技术能力/pimg srchttps://img0.baidu.com/it/u265713382,944125301fm253fmtautoapp138fJPEG?w500h889 width300 height300 //div;//处理点击事件const handleRich (e){// console.log(e.detail.node.attrs.src,e);let imgPath e.detail.node.attrs.src;handlePreViewImage(imgPath);}//预览和长按保存图片const handlePreViewImage (imgPath){let arr [];arr.push(imgPath);uni.previewImage({urls: arr,longPressActions: {itemList: [保存图片到相册],success: function(data) {console.log(data.tapIndex);if(data.tapIndex 0){uni.saveImageToPhotosAlbum({filePath: imgPath,success: function () {uni.showToast({title: 保存成功,duration: 2000});}});}},fail: function(err) {console.log(err.errMsg);}}});}/scriptstyle scoped langscss
/style
