Question

在尝试添加代码以自动扩展文本框时出现此错误-来自此Codepen： https://codepen.io/vsync/pen/frudD 。我需要以其他方式添加它吗？当前位于vue组件文件中的脚本标签之间。

 未捕获的ReferenceError：未定义$
    在评估时（Pastes.vue？58dd：23）
    在Object ../ node_modules / babel-loader / lib / index.js！./ node_modules / vue-loader / lib / selector.js？type = script＆index = 0！./ src / components / pages / pastes / Pastes.vue （app.js：782）
    在__webpack_require__（app.js：679）
    在fn（app.js：89）
    在评估时（Pastes.vue？fa7c：1）
    在Object ../ src / components / pages / pastes / Pastes.vue（app.js：1220）
    在__webpack_require__（app.js：679）
    在fn（app.js：89）
    在评估时（index.js？3672：1）
    在Object ../ src / router / index.js（app.js：1252）

Answer 1

确保您正在加载jquery库，可以遵循此guide或此one。

Answer 2

我改用了这段代码，效果很好

https://jsfiddle.net/cferdinandi/mqwwpL6u/

var autoExpand = function (field) {

    // Reset field height
    field.style.height = 'inherit';

    // Get the computed styles for the element
    var computed = window.getComputedStyle(field);

    // Calculate the height
    var height = parseInt(computed.getPropertyValue('border-top-width'), 10)
                 + parseInt(computed.getPropertyValue('padding-top'), 10)
                 + field.scrollHeight
                 + parseInt(computed.getPropertyValue('padding-bottom'), 10)
                 + parseInt(computed.getPropertyValue('border-bottom-width'), 10);

    field.style.height = height + 'px';

};

document.addEventListener('input', function (event) {
    if (event.target.tagName.toLowerCase() !== 'textarea') return;
    autoExpand(event.target);
}, false);

将javascript添加到vue组件<script>标记中时出现“ ReferenceError：$未定义”

2 个答案: