baozhengrui

摘要： // table样式 // 表头 :deep(.el-table th) { background-color: transparent; background: #1650ad !important; background-size: 100% 100%; } /* 修改表头文字颜色 */ :de 阅读全文

摘要： /* 输入框样式修改 */ /* 输入框的placeholderde 字体改变 */ :deep(input::-webkit-input-placeholder) { color: #fff; } /* 输入框输入的内容字体颜色 */ :deep(.el-input__inner){ color: 阅读全文

摘要： // 原先 window.onresize = function () { myChart2.resize(); }; // 修改后 window.addEventListener('resize', () => { myChart2.resize(); }) 阅读全文

摘要： // 现内容可以滚动，不显示滚动条 .tab-2::-webkit-scrollbar{ display:none; } .tab-2{ width:100%; height:88%; margin:10px 0; border:1px solid rosybrown; overflow-y: au 阅读全文

摘要： 1.父组件向子组件传值 ：父组件可以通过ref属性获取子组件的实例，进而访问子组件的方法和数据。 父组件 <template> <div> <child-component ref="child"></child-component> <button @click="sendToChild">Sen 阅读全文

摘要： 1.传递数据的组件：通过eventbus中的方法$emit来发布自定义事件，并且传递数据 2.接收数据的组件： 通过eventbus中的方法$on来订阅事件，并通过回调函数接收数据 // 手写发布订阅模式 class EventBus { // 记录事件和回调 clientList = { send 阅读全文

摘要： 兄弟页面的数据互传 // bus.js //写着两段就可以了 import Vue from 'vue' // export default new Vue(); // 总线，一些组件间简单的数据交流通过它来进行 const bus = new Vue(); export default bus; 阅读全文

摘要： vue2 // 子组件 <template> <div> <button @click="handleClick">传递参数</button> </div> </template> <script> export default { methods: { handleClick() { this.$ 阅读全文

摘要： // 子组件 <template> <div> <p>参数传递的值：{{ value }}</p> </div> </template> <script> export default { props: { value: { type: String, required: true, }, }, } 阅读全文

摘要： 通过 Vuex 进行状态管理： 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在Vuex中传递对象时，应该注意不直接传递对象的引用， 1). 安装Vuex npm install vuex --sa 阅读全文