Question

我有一个全局javascript文件，我正在从数据库中读取一些数据。

//globals.js
var thisUserObject = userListData[arrayPosition];

//Populate Info Box
$('#carInfoReg').text(thisUserObject.reg);
$('#carPhoto').source(thisUserObject.LinkImage);

thisUserObject.LinkImage的内容是一个链接（使用“http：//格式正确”），我想用它来设置我的jade文件中图像标记的source属性。

br
  strong Photo
  img(src='#{carPhoto}')

然而，它根本没有显示任何内容。

我做错了什么？如何使用我的globals.js文件中的数据与jade交谈？

Answer 1

一旦玉石被编译，它就不再与玉石有任何关系了。如果您只想让它发挥作用，vue是最佳选择。这非常直观玉：

script(src="https://cdn.jsdelivr.net/vue/latest/vue.js")
#app
  br
  strong Photo
  img(src='{{carPhoto}}')

JS：

var vm = new Vue({
    el: '#app',
    data: {
        imgSrc: "http:www.foo.com",
        carInfoReg: " This carInfoReg "
    }
});
// it is easy to manipulate the data inside vue.
//when you update data of Vue instance, its view will be updated automatically.
vm.imgSrc = "http://www.bar.com/dwagsgd";

JSFiddle

如何让我的global.js文件与Jade对话？

1 个答案: