uniapp基于安卓平台动态展示static图片不显示问题解决方法

和微信小程序对比只是在/static前加“.”
安卓app在生成基座或者打包之后&＃xff0c;他的static文件夹与html同级别&＃xff0c;所以在添加路径的时候一定要在/static前加“.”
并且在添加image的路径的时候必须是单引号&＃xff0c;否则也会导致不显示

<view v-html&＃61;"item"></view>


export default{data(){return{test:"",}}
}


一个例子&＃xff1a;

<template><view v-html&＃61;"messageemoj(item.message)"></view>
</template>
export default {data() {return {emojiList:[[{"url":"100.gif",alt:"[微笑]"},{"url":"101.gif",alt:"[伤心]"},{"url":"102.gif",alt:"[美女]"},{"url":"103.gif",alt:"[发呆]"},{"url":"104.gif",alt:"[墨镜]"},{"url":"105.gif",alt:"[哭]"},{"url":"106.gif",alt:"[羞]"},{"url":"107.gif",alt:"[哑]"},{"url":"108.gif",alt:"[睡]"},{"url":"109.gif",alt:"[哭]"},{"url":"110.gif",alt:"[囧]"},{"url":"111.gif",alt:"[怒]"},{"url":"112.gif",alt:"[调皮]"},{"url":"113.gif",alt:"[笑]"},{"url":"114.gif",alt:"[惊讶]"},{"url":"115.gif",alt:"[难过]"},{"url":"116.gif",alt:"[酷]"},{"url":"117.gif",alt:"[汗]"},{"url":"118.gif",alt:"[抓狂]"},{"url":"119.gif",alt:"[吐]"},{"url":"120.gif",alt:"[笑]"},{"url":"121.gif",alt:"[快乐]"},{"url":"122.gif",alt:"[奇]"},{"url":"123.gif",alt:"[傲]"}],[{"url":"124.gif",alt:"[饿]"},{"url":"125.gif",alt:"[累]"},{"url":"126.gif",alt:"[吓]"},{"url":"127.gif",alt:"[汗]"},{"url":"128.gif",alt:"[高兴]"},{"url":"129.gif",alt:"[闲]"},{"url":"130.gif",alt:"[努力]"},{"url":"131.gif",alt:"[骂]"},{"url":"132.gif",alt:"[疑问]"},{"url":"133.gif",alt:"[秘密]"},{"url":"134.gif",alt:"[乱]"},{"url":"135.gif",alt:"[疯]"},{"url":"136.gif",alt:"[哀]"},{"url":"137.gif",alt:"[鬼]"},{"url":"138.gif",alt:"[打击]"},{"url":"139.gif",alt:"[bye]"},{"url":"140.gif",alt:"[汗]"},{"url":"141.gif",alt:"[抠]"},{"url":"142.gif",alt:"[鼓掌]"},{"url":"143.gif",alt:"[糟糕]"},{"url":"144.gif",alt:"[恶搞]"},{"url":"145.gif",alt:"[什么]"},{"url":"146.gif",alt:"[什么]"},{"url":"147.gif",alt:"[累]"}],[{"url":"148.gif",alt:"[看]"},{"url":"149.gif",alt:"[难过]"},{"url":"150.gif",alt:"[难过]"},{"url":"151.gif",alt:"[坏]"},{"url":"152.gif",alt:"[亲]"},{"url":"153.gif",alt:"[吓]"},{"url":"154.gif",alt:"[可怜]"},{"url":"155.gif",alt:"[刀]"},{"url":"156.gif",alt:"[水果]"},{"url":"157.gif",alt:"[酒]"},{"url":"158.gif",alt:"[篮球]"},{"url":"159.gif",alt:"[乒乓]"},{"url":"160.gif",alt:"[咖啡]"},{"url":"161.gif",alt:"[美食]"},{"url":"162.gif",alt:"[动物]"},{"url":"163.gif",alt:"[鲜花]"},{"url":"164.gif",alt:"[枯]"},{"url":"165.gif",alt:"[唇]"},{"url":"166.gif",alt:"[爱]"},{"url":"167.gif",alt:"[分手]"},{"url":"168.gif",alt:"[生日]"},{"url":"169.gif",alt:"[电]"},{"url":"170.gif",alt:"[炸弹]"},{"url":"171.gif",alt:"[刀子]"}],[{"url":"172.gif",alt:"[足球]"},{"url":"173.gif",alt:"[瓢虫]"},{"url":"174.gif",alt:"[翔]"},{"url":"175.gif",alt:"[月亮]"},{"url":"176.gif",alt:"[太阳]"},{"url":"177.gif",alt:"[礼物]"},{"url":"178.gif",alt:"[抱抱]"},{"url":"179.gif",alt:"[拇指]"},{"url":"180.gif",alt:"[贬低]"},{"url":"181.gif",alt:"[握手]"},{"url":"182.gif",alt:"[剪刀手]"},{"url":"183.gif",alt:"[抱拳]"},{"url":"184.gif",alt:"[勾引]"},{"url":"185.gif",alt:"[拳头]"},{"url":"186.gif",alt:"[小拇指]"},{"url":"187.gif",alt:"[拇指八]"},{"url":"188.gif",alt:"[食指]"},{"url":"189.gif",alt:"[ok]"},{"url":"190.gif",alt:"[情侣]"},{"url":"191.gif",alt:"[爱心]"},{"url":"192.gif",alt:"[蹦哒]"},{"url":"193.gif",alt:"[颤抖]"},{"url":"194.gif",alt:"[怄气]"},{"url":"195.gif",alt:"[跳舞]"}],[{"url":"196.gif",alt:"[发呆]"},{"url":"197.gif",alt:"[背着]"},{"url":"198.gif",alt:"[伸手]"},{"url":"199.gif",alt:"[耍帅]"},{"url":"200.png",alt:"[微笑]"},{"url":"201.png",alt:"[生病]"},{"url":"202.png",alt:"[哭泣]"},{"url":"203.png",alt:"[吐舌]"},{"url":"204.png",alt:"[迷糊]"},{"url":"205.png",alt:"[瞪眼]"},{"url":"206.png",alt:"[恐怖]"},{"url":"207.png",alt:"[忧愁]"},{"url":"208.png",alt:"[眨眉]"},{"url":"209.png",alt:"[闭眼]"},{"url":"210.png",alt:"[鄙视]"},{"url":"211.png",alt:"[阴暗]"},{"url":"212.png",alt:"[小鬼]"},{"url":"213.png",alt:"[礼物]"},{"url":"214.png",alt:"[拜佛]"},{"url":"215.png",alt:"[力量]"},{"url":"216.png",alt:"[金钱]"},{"url":"217.png",alt:"[蛋糕]"},{"url":"218.png",alt:"[彩带]"},{"url":"219.png",alt:"[礼物]"},] ],}},computed: {//信息字符串转化表情加文字messageemoj(){return function(message){let msg &＃61;&＃39;&＃39;;let bgn &＃61; message.indexOf("[")let end &＃61; message.indexOf("]")let iq &＃61; 0while(bgn !&＃61;-1&&end !&＃61;-1){iq &＃43;&＃61; 1;if(bgn &＃61;&＃61;-1||end &＃61;&＃61;-1){msg&＃43;&＃61; messagebreak;}if(iq>99){break;}if(bgn < end&&end<&＃61;bgn&＃43;3){let ok &＃61; falsefor(let i &＃61; 0;i < this.emojiList.length; i&＃43;&＃43;){if(ok){break;}if(i &＃61;&＃61; this.emojiList.length){msg&＃43;&＃61; message.substring(0,message.indexOf("]"));message &＃61; message.substring(message.indexOf("]")&＃43;1);break;}for(let j &＃61; 0; j < this.emojiList[i].length; j&＃43;&＃43;){if(this.emojiList[i][j].alt &＃61;&＃61; message.substring(message.indexOf("["),message.indexOf("]")&＃43;1)){msg&＃43;&＃61; message.substring(0,message.indexOf("["));msg&＃43;&＃61; "&＃43;this.emojiList[i][j].url &＃43; "&＃39; style&＃61;&＃39;width: 50rpx;height: 50rpx;display:inline-block;&＃39; />" message &＃61; message.substring(message.indexOf("]")&＃43;1);ok &＃61; true;break;}}}}else{msg&＃43;&＃61; message.substring(0,message.indexOf("["));message &＃61; message.substring(message.indexOf("[")&＃43;1);}bgn &＃61; message.indexOf("[")end &＃61; message.indexOf("]")// break}if(bgn &＃61;&＃61;-1||end &＃61;&＃61;-1){if(msg.length&＃61;&＃61;0){msg &＃61; message}}// console.log(msg)return msg}}}
}


展示一下效果

最后&＃xff1a;原本的方法是远程图片&＃xff0c;这样是最容易的&＃xff0c;也是使用了很多方法&＃xff0c;没想到解决办法是一个"."

如果看不懂可以看一下&＃xff1a;这个实例是比较完整的&＃xff0c;微信小程序可用
uniapp文字穿插表情消息处理
gif表情包

动态生成条形码无法显示正在整理中