profile
viewpoint

Ask questionsv-bind:style 'background-image' error: url is not a function

<template>
<div :style="{ 'background-image': url ( backgroundImage ) }">
</template>
<script>
data: {
  backgroundImage: 'http://image.com/image.png',
}
</script>

// TypeError: scope.url is not a function

vuejs/vue

Answer questions Shujee

What if my background is a gradient (linear-gradient) instead of an image? I'm basically trying to use a style where I could change element background color dynamically.

useful!

Related questions

[Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded" while navigating to another route hot 1
关于keep-alive缓存页面问题请教 hot 1
Can not clear slot content with vue@2.5.3 hot 1
TypeError: Cannot read property 'toLowerCase' of undefined at emptyNodeAt hot 1
VNode.componentInstance is undefined when rendered by a functional component hot 1
Korean input trigger keydown event twice hot 1
Proposal: Template inheritance using the slots mechanism hot 1
Memory leak when using "transition" and "keep-alive" hot 1
Error in v-on handler: "RangeError: Maximum call stack size exceeded" hot 1
如何通过v-bind:style动态生成背景图? hot 1
如何通过v-bind:style动态生成背景图? hot 1
IE11, console print: [Vue warn]: Error in nextTick: "Error: Invalid argument." But work well with chrome hot 1
force re-computation of a computed property hot 1
v-model on mobile not updating until a space is pressed hot 1
There is no a attribute like react's $$typeof to prevent XSS injection in the vnode of Vue. hot 1
Github User Rank List