Question

我正在使用使用vue.js创建的现有网络应用程序。以下是代码。

function () {
                var e = this,
                    t = e.$createElement,
                    n = e._self._c || t;
                return e.message.text && "human" === e.message.type ? n("div", {
                    staticClass: "message-text"
                }, [e._v("\n  " + e._s(e.message.text) + "\n")]) : e.message.text && e.shouldRenderAsHtml ? n("div", {
                    staticClass: "message-text",
                    domProps: {
                        innerHTML: e._s(e.botMessageAsHtml)
                    }
                }) : e.message.text && "bot" === e.message.type ? n("div", {
                    staticClass: "message-text"
                }, [e._v("\n  " + e._s(e.shouldStripTags ? e.stripTagsFromMessage(e.message.text) : e.message.text) + "\n")]) : e._e()
            }

这是我的n函数

function l(e, t) {
            function n(e, t, n, i) {
                console.log(typeof e + "\t" + typeof t + "\t" + typeof n + "\t" + typeof i);
                return function () {
                    if (n in t) {
                        return function () {
                            if (i && "object" === He()(e[n])) {
                                return f()({}, l(t[n], e[n], i), l(e[n], t[n], i));
                            }

                            return function () {
                                if ("object" === He()(e[n])) {
                                    return f()({}, e[n], t[n]);
                                }
                                return t[n];
                            }();
                        }();
                    }
                    return e[n];
                }();
            }
            var i = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
            return k()(e).map(function (r) {
                var o = n(e, t, r, i);
                return Ke()({}, r, o);
            }).reduce(function (e, t) {
                return f()({}, e, t);
            }, {});
        }

上面的代码基本上创建了一个类名为message-text的div标签，我想在这个div中创建一个span。我对vue.js一点都不好，代码看起来很混乱。请帮助我在span内创建div。

Answer 1

这看起来像编译代码并且可能缩小。但是如果你不能得到未编译的版本，我会尝试简化代码，因为它有一个意大利面条，如果没有。

""

您可能需要查看函数n，它将参数“div”作为字符串，css类作为对象“message-text”与其他道具如innerHTML ...

在vuex中动态创建div内的span

1 个答案: