element-UI
单个复选框check-box选中的值一定要是布尔值,不能是数字1或者0
<template>
<!-- `checked` 为 true 或 false -->
<el-checkbox v-model="checked">备选项</el-checkbox>
</template>
<script>
export default {
data() {
return {
checked: true
};
}
};
</script>
CSS:scoped
问题:在不同的页面都使用了同一个组件,但是由于同一个组件在不同的页面有不同的样式,在页面之间跳转的时候,样式会相互影响
解决方法:在style标签中加上scoped属性,表示该样式表只在当前组件起作用。
由上可以看出,加了scoped属性之后,浏览器给组件中的每个节点添加了唯一的data属性,样式也添加了属性选择器,以此来保证组件样式模块化。
深度作用选择器deep
问题:给组件的样式加上scoped属性之后,修改组件内elementUI组件内的样式不会起作用
原因:使用 scoped 后,父组件的样式将不会渗透到子组件中
解决方法:使用深度作用选择器 /deep/来改变elementUI组件内部的样式