而我们的需求要求value值靠左而非靠右,但datetime没有提供移动value值位置的属性,那怎么办呢?
首先需要找到经过vue处理后的值,
一种方法我们可以在全局上修改,简单粗暴。
vue也给我们提供了局部修改的方法:
这最终会被vue编译成:
可以看到字体变成向左靠齐,当然,可以用这种方法,修改任一内置组件,其他ui框架的修改方法也类似。
通过以下方式来改变el-table标签下的表格偶数行的样式。 注意:这个样式必须是全局的才会生效,即style标签不能加scoped,为了...选择器来限制样式,如 2.更复杂的情况,我们可以在使用标签后,在浏览器中打开页面,进入开发者模式(F12),查看该标签对应的class(浏览器会把组件都解析成html标签)可以使用一个用来引入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状态管理,篇幅比较大,这里不敲这么多代码,反正道理是一样的。