获取要在vuews模型中显示的vanillajs值,以便在方法中访问它

dba5bblo  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(98)

我想得到vanillajs中的数组,以便在vuejsmodel中访问。我想在底部的generateImageList方法中使用这些数据。不确定我缺少什么来使其工作。我已经尝试过window.collected
第一个

unftdfkk

unftdfkk1#

JS中的作用域

这是一个初学者在使用瞄准镜时遇到的问题

不工作

function example() {
  // This variable is defined inside of this function
  // So if you try to access it out of this function,
  // it will throw an error and you cannot access it
  const data = [];
}

example();
console.log(data); // ReferenceError: data is not defined

工程

function example() {
  window.data = { hello: "world" }
}
example();

console.log(data);        // { hello: "world" }
console.log(window.data); // { hello: "world" }

你实际上应该做什么

函数可以返回值,这样就不会出现这样的问题。像下面所示的那样使用它。我已经展示了一个通用的例子,但是你可以在你的mounted处理程序和getData函数中使用这个概念

function example() {
  const data = [{ a: "b" }]; // Compute your data
  return data;
}

const list = example();
console.log(list)

相关问题