芮艺 - 博客园

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

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

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

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

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

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

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

抽屉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 芮艺阅读(346) 评论(0) 推荐(0)

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

摘要： <textarea-->     <!-- v-model="result 阅读全文

posted @ 2024-10-11 09:35 芮艺阅读(136) 评论(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 芮艺阅读(205) 评论(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 芮艺阅读(169) 评论(0) 推荐(0)

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

rem自适应页面宽度

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

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

校验

摘要： /** * 邮箱 * @param {*} s */ export function isEmail (s) { return /^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } export co 阅读全文

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

baozhengrui

导航

公告