jQuery中append拼接elementui组件标签为什么不显示样式

Question

下面代码中的使用了elementui中的“头像标签”<el-avatar></el-avatar>，已经引入了vue和elementui相关资源文件，并且使用elementui组件标签的其他位置样式可以正常显示，想问一下这种情况各位兄弟姐妹遇到过吗？该怎么解决？

var str = "
" +
                      "<el-avatar :size=50>"+_this.user.userName+"</el-avatar>
" +
          "
"
                      +obj.message+
          "
"
$("#toUser").append(str)

Answer 1

JQuery的append方法支持的输入包括 DOM 元素、jQuery 对象、HTML 字符串和 DOM 元素数组，不能将element-ui组件进行拼接，
解决的话，建议换一种方式实现，可以直接将元素写在页面中用js来控制其显示隐藏，要是结合vue的语法应该更好实现，但不太熟悉你这个功能的具体逻辑，所以无法给出更具体的实现过程