Question

我有一个具有以下功能和组件的JS文件：

function emojify(name){
  var emj='';
  if (name!=''){
    emj= '<img src="/static/emojis/'+name+'.png" alt="img" > '
  }
  return emj
}


Vue.component("cmp2",{ props:["name"] , template: `<p>` + emojify("name") + `</p>`})

我从HTML调用该组件，如下所示：

<cmp2 name="ron" ></cmp2>

ron的图像没有出现。但是，如果我在下面声明我的组件，它将起作用：

Vue.component("cmp2",{ template:'<p>' + emojify("ron") + '</p>'})

因此图像ron存在并且可以正常工作。我只是无法将道具name的值传递给函数emojify。怎么办？

Answer 1

您不能这样做，因为loop.run_forever()是在编译时计算的，而template是在运行/渲染时进行评估的。

您可以做的是绑定props属性，例如

src

如何从Vue组件将props值传递给JS函数

1 个答案: