baozhengrui

导航

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

2024年10月14日 #

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 芮艺 阅读(4) 评论(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 芮艺 阅读(4) 评论(0) 推荐(0) 编辑

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

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

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

vue之间的传值问题---1路由传值router

摘要: vue3 的方法 https://blog.csdn.net/wdy_2099/article/details/135766435 路由传值: query传参,刷新页面不会丢失参数。但是params会丢参的。 通过路由参数传值:可以通过路由的动态参数或查询参数传递数据。在源页面设置参数,然后在目标页 阅读全文

posted @ 2024-10-14 10:38 芮艺 阅读(5) 评论(0) 推荐(0) 编辑

2024年10月12日 #

抽屉el-drawer 底层有遮罩问题

摘要: <el-drawer :title="sourceData.name1" :visible.sync="drawer" direction="ltr" :before-close="handleClose" :modal="false" :append-to-body="true" class="d 阅读全文

posted @ 2024-10-12 17:17 芮艺 阅读(43) 评论(0) 推荐(0) 编辑

2024年10月11日 #

多行输入enter发送,enter+shif换行

摘要: <textarea--> <!-- id="input-id"--> <!-- class="transparent-input1"--> <!-- :rows="2"--> <!-- placeholder="请输入内容,Shift+Enter换行"--> <!-- v-model="result 阅读全文

posted @ 2024-10-11 09:35 芮艺 阅读(3) 评论(0) 推荐(0) 编辑

火星地图引入

摘要: 1.引入 <div id="centerDiv" class="mapcontainer"> <!-- <mars-map-new v-if="modelType == 'qbjb'" :mapKey="modelType" :url="configUrl" @onload="onload" @ge 阅读全文

posted @ 2024-10-11 09:33 芮艺 阅读(17) 评论(0) 推荐(0) 编辑

el-table 纵向展示

摘要: <div class="table-box"> <el-table style="width: 100%" :data="getValues" > <el-table-column v-for="(item, index) in getHeaders" :key="index" :prop="ite 阅读全文

posted @ 2024-10-11 09:21 芮艺 阅读(24) 评论(0) 推荐(0) 编辑

2024年10月10日 #

echarts图dom问题

摘要: 1.使用ref代替获取id var myChartKnow = echarts.init(this.$refs.charts1) myChartKnow.setOption(this.option) 2.使用 this.$nextTick(() => { this.getinit() }); 3.如 阅读全文

posted @ 2024-10-10 15:41 芮艺 阅读(7) 评论(0) 推荐(0) 编辑

2024年9月20日 #

rem自适应页面宽度

摘要: 编写页面 方法一: rem.js文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。 const scale = document.documentElem 阅读全文

posted @ 2024-09-20 11:10 芮艺 阅读(7) 评论(0) 推荐(0) 编辑

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