baozhengrui

导航

上一页 1 2 3 4 5 6 7 8 9 ··· 18 下一页

2024年10月17日 #

el-table样式修改

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

posted @ 2024-10-17 10:55 芮艺 阅读(418) 评论(0) 推荐(0)

el-input输入框样式修改

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

posted @ 2024-10-17 10:53 芮艺 阅读(684) 评论(0) 推荐(0)

2024年10月16日 #

页面上使用多个echarts,resize()失效

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

posted @ 2024-10-16 18:22 芮艺 阅读(58) 评论(0) 推荐(0)

滚动条-----现内容可以滚动,不显示滚动条

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

posted @ 2024-10-16 15:17 芮艺 阅读(15) 评论(0) 推荐(0)

2024年10月14日 #

vue之间的传值问题---7ref实现组件之间传值

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

posted @ 2024-10-14 14:43 芮艺 阅读(86) 评论(0) 推荐(0)

vue之间的传值问题---6eventbus 可以实现兄弟组件通信

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

posted @ 2024-10-14 14:37 芮艺 阅读(84) 评论(0) 推荐(0)

vue之间的传值问题---5.事件总线 $emit $on $off

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

posted @ 2024-10-14 14:30 芮艺 阅读(33) 评论(0) 推荐(0)

vue之间的传值问题---4通过事件传递数据 this.$emit 子传父

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

posted @ 2024-10-14 14:28 芮艺 阅读(16) 评论(0) 推荐(0)

vue之间的传值问题---3.通过 Props 属性传值 父传子

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

posted @ 2024-10-14 14:26 芮艺 阅读(10) 评论(0) 推荐(0)

vue之间的传值问题---2.vuex

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

posted @ 2024-10-14 14:25 芮艺 阅读(25) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 9 ··· 18 下一页