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

这是公司的设计图:

在element-ui中的message组件内使用html片段,如何使片段内的vue指令和v-bind生效。_第1张图片

 

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

 

这是我的代码:

在element-ui中的message组件内使用html片段,如何使片段内的vue指令和v-bind生效。_第2张图片

 

这是我的效果图:

 

在element-ui中的message组件内使用html片段,如何使片段内的vue指令和v-bind生效。_第3张图片

 

 

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

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

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

你可能感兴趣的:(问题,es6,前端,vue,element-ui,message组件)