使用VueJS

时间:2016-03-04 17:02:41

标签: javascript html css vue.js

如何使用VueJS更改标签的属性?我试图制作一个单页应用,其背景在每次从后端获取数据时都会发生变化。我已尝试使用v-bind:stylev-style,但最终都打破了#34;打破" Vue公司。有没有办法我可以在原生JS中编写一个更改DOM的方法?我也试过实现document.getElementbyId等等,但它也破坏了VueJS。

换句话说,我该如何做背景图像:{{pic_url}};

对不起格式化,在手机上。

1 个答案:

答案 0 :(得分:5)

我在使用这个工作时遇到了一些麻烦,因为内联样式有引号,而public class CompanyNamesVM { public int Id { get; set; } public string Name { get; set; } .... } 中有两组引号。当我将样式对象拉出到自己的对象中时,我得到了它的工作:

https://jsfiddle.net/ahwLc3rq/

<强> HTML

'url("")'

<强> JS

<div id="app">
  <div id="test" :style="backgroundStyle"></div>
</div>