1、用css控制
外面用div包裹起来,然后用css 对这个div下面的图片进行修改
<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>
2、用js控制
和上面一样,先用div包裹起来
$('.img_div img').css({略})
可以使用一个用来引入css文件的组件
<template><div>
<style type="text/css" :src="'/path/to/' + theme + '.css'"></style>
</div>
</template>
<script>
export default {
data () {
return {
theme: 'your-custom-theme'
}
}
}
</script>
注:以上代码没有经过测试,纯理论指导。应该没问题。还有更高级一点的用法是通过vuex状态管理,篇幅比较大,这里不敲这么多代码,反正道理是一样的。