这里主要是使用了Vue 内联样式,动态绑定某一样式属性:color,background-color等

<button type="primary" plain="true" @click="onClick(item)" :style="{'background-color':callColor(item)}" class="calling-button">test</button>

<script>
	export default {
		methods: {
			callColor (item) {
				if(item.state === 0){
					return 'red'
				} else {
					return 'black'
				 }
				}
			}
		}
</script>	

参考资料:

  1. 官网文档:Class 与 Style 绑定
  2. 博客:Vue 内联样式
Logo

前往低代码交流专区

更多推荐