我有 javascript 函数,我想同时运行服务器端和客户端。服务器端使用node.js并可以很好地处理导入。
然而,客户端我想要一个带有内联 JavaScript 的单个脚本标签。为了实现这个目标,我知道我需要一个捆绑器将模块拉入主脚本文件中。我选择 rollup 来完成这项工作。
这是我尝试过的示例。我做了一个模块test.js。这是一个返回字符串的简单函数:
// test.js
const test = () => {
return 'testing'
}
module.exports = test
Run Code Online (Sandbox Code Playgroud)
这是主要的 javascript 文件,main.js. 我想要将函数拖入的文件test.js:
// main.js
import test from "/test.js"
console.log(test())
Run Code Online (Sandbox Code Playgroud)
这是我希望main.js捆绑后的样子:
// main.js
const test = () => {
return 'testing'
}
console.log(test())
Run Code Online (Sandbox Code Playgroud)
我想简单地将函数拉入文件中。
相反,汇总会产生以下结果:
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('../../../../../../../js/test.js')) :
typeof define === 'function' && …Run Code Online (Sandbox Code Playgroud) 尽可能简单地说:
我有一个 v-for 循环。我想访问循环迭代之一中的特定元素。出于某些原因,我只能使用 ref 来做到这一点。有没有办法做到这一点?
我尝试了各种不同的方法来实现这一点,但它总是返回未定义。我的代码在 v-for 循环之外运行良好。
vue 的文档没有涵盖这个实例。
循环简化:
<div v-for="(item, i) in items">
<div ref="card"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
方法
doThing() {
card = elements.create('card');
card.mount(this.$refs.card);
}
Run Code Online (Sandbox Code Playgroud)
任何帮助将非常感激。
eleventy ×1
jamstack ×1
javascript ×1
node-modules ×1
rollupjs ×1
v-for ×1
vue.js ×1
vuejs2 ×1