在element-ui中的message组件内使用html片段，如何使片段内的vue指令和v-bind生效。

原創 爱情与灵药cium 2020-06-23 21:41

这是公司的设计图：

 

我想使用element-ui中的message组件实现，但是遇到了一些问题。

 

这是我的代码：

 

这是我的效果图：

 

 

 

其中图片路径访问不到，因为vue没有编译这段html代码

其中我还会使用到v-show指令，目前也不会生效

有什么办法可以解决当前的问题呢 ？

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Facebook 如何做大规模服务的自主测试

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragr

Paul Marinescu 2021-12-21 10:54:01

微软终于被骂够了？回归一键更改默认浏览器

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

闫园园 2021-12-07 11:58:59

使用HTML+CSS制作逼真的红色开关

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

海拥(haiyong.site) 2021-12-04 14:03:52

JetBrains 发布轻量级编辑器 Fleet

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

辛晓亮 2021-11-30 14:53:56

HTTP客户端演进之路

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

尼先 2021-11-24 17:43:59

TypeScript 4.5 发布，带来 Promise 功能改进

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

辛晓亮 2021-11-19 11:23:57

手把手带你玩转 JS | 引航计划｜大前端

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragr

三掌柜 2021-11-18 09:28:56

Flutter性能监控实践

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":1},"content":[{"type":"text","text":"前言","attrs

贝壳大前端技术团队 2021-11-13 13:33:50

花7.5亿都做不好的项目，被三位程序员爸爸重写并开源了

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockq

Tina 2021-11-11 09:23:48

ShowMeBug 中如何科学的识别用户浏览器？

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

ShowMeBug 2021-11-10 17:33:55

架构师（2021年11月）

卷首語：二十年老程序員的五條心得 作者：Justin Etheredge 1. 我懂的並不多 “你怎麼會不知道什麼是 BGP？”“你難道沒聽說過 Rust？” 類似的問題可能每天都會出現在我們面前。沒錯，投身於軟件行業的很多人之所以熱愛這份

InfoQ 中文站 2021-11-08 08:03:53

托管页前端异常监控与治理实战

{"type":"doc","content":[{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null

百度Geek说 2021-11-05 15:03:57

网易云信陈功：体验共享和无限融合是云通信未来的进化方向丨QCon

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

张俊宝 2021-11-03 19:03:56

常用第三方库的package.json入口配置

react@^17 內部含有 umd和commonjs的包，沒有esm。只提供了main字段，並沒有browser字段。提供了browserify 配置。 總結：構建時需要特殊處理，不能按照統一規則處理。 react-dom@^17 內

原創 2024-05-20 13:41:31

vue vue-element-ui组件 layout布局系列学习

layout佈局系列學習 row 行概念 <el-row></el-row> col 列概念 <el-col></el-col> col組件的:span屬性的佈局調整,一共分爲24欄: 代碼示例: <el-row>

文文1 2024-03-20 14:36:38