避免vue导入jquery后，在jquery原生方法中无法调用vue中的$问题

源代码：

$("#addImage").change(function () {
    $("#addImage").replaceWith(
    '<input type="file" id="addImage" style="display: none" οnclick="addImageEvent()" />'
    );
    var objUrl = getObjectURL(this.files[0]);
    if (objUrl) {
    // 获取到objurl
    var textareaStr = $("#mdtext").val();
    message.insertAtCaret($("#mdtext")[0], `nn![](` + objUrl + `)nn`);
    //触发@input事件，更新
    // console.log(vm.$refs.mdtext.dispatchEvent(new InputEvent("input")));
    this.$refs.mdtext.dispatchEvent(new InputEvent("input"))
    }

修改后的：

//因为jquery中的$会与vue中的$冲突，所以在$().change()外面定义一个dom，以防在jquery方法中无法读取到$
        var dom = this.$refs.mdtext;
        $("#addImage").change(function () {
            $("#addImage").replaceWith(
            '<input type="file" id="addImage" style="display: none" οnclick="addImageEvent()" />'
            );
            var objUrl = getObjectURL(this.files[0]);
            if (objUrl) {
            // 获取到objurl
            var textareaStr = $("#mdtext").val();
            message.insertAtCaret($("#mdtext")[0], `nn![](` + objUrl + `)nn`);
            //触发@input事件，更新
            // console.log(vm.$refs.mdtext.dispatchEvent(new InputEvent("input")));
            dom.dispatchEvent(new InputEvent("input"));
            }

最后

以上就是舒服小蘑菇为你收集整理的避免vue导入jquery后，在jquery原生方法中无法调用vue中的$问题的全部内容，希望文章能够帮你解决避免vue导入jquery后，在jquery原生方法中无法调用vue中的$问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。