Vue3+Typescript列表内容监听和fetch函数使用的注意事项

背景

在使用富文档编辑器的时候，使用fetch函数将后端传输的URL链接转换为HTML代码并绑定到富文本的显示内容中，同时通过startWatch监听富文本内容是否改变，需要实现的是，在通过fetch函数获取到富文本的HTML内容后，开始监听富文本内容是否改变，如果改变，则将showModalTips的值修改为true。但是fetch函数是异步函数，在顺序执行完其他代码之后，才会开始执行fetch函数，这就造成开始监听富文本内容之后，fetch函数才将富文本的内容获取并修改，showModalTips会变为true。

解决方法

else里面的监听内容代码必须执行，在jumpUrlType为2时，执行else的内容，同时，如果jumpUrlType为0时，在修改富文本内容之后，再开始监听内容是否改变。

这篇好文章是转载于：学新通技术网