[Vuejs]-Create a span inside a div dynamically in vuex

by

0đź‘Ť

This looks like a compiled code and minified probably. But if you can’t get the uncompiled version I would try and simplify the code as it has a spaghetti if else.

function(){
        var e = this,
            t = e.$createElement,
            n = e._self._c || t,
            result;

        if(e.message.text && "human" === e.message.type){
            result = n("div", {staticClass: "message-text"}, [e._v("\n  " + e._s(e.message.text) + "\n")]) 
        }else{
            if(e.message.text && e.shouldRenderAsHtml){
                result = n("div", {staticClass: "message-text",domProps: {innerHTML: e._s(e.botMessageAsHtml)}})
            }else{
                if(e.message.text && "bot" === e.message.type){
                    if(e.shouldStripTags){
                        result = n("div", {staticClass: "message-text"}, [e._v("\n  " + e._s(e.stripTagsFromMessage(e.message.text)) + "\n")])
                    }else{
                        result = n("div", {staticClass: "message-text"}, [e._v("\n  " + e._s(e.message.text) + "\n")])
                    }
                } else {
                    result = e._e();
                }
            }
        }
        return result;
    }

You probably need to look into function n which is taking the arguments “div” as string and css class as object “message-text” with other props like innerHTML…

👤zeidanbm

Leave a comment