影思密达ing - 博客园

2021年4月29日

摘要： <template> <div class="dia-cont"> <el-form :model="ruleForm" :rules="rules" ref="ruleFormsss" label-width="100px" class="demo-ruleForm"> <el-form-item 阅读全文

posted @ 2021-04-29 14:48 影思密达ing 阅读(4561) 评论(1) 推荐(0) 编辑

vue3.0之DOM的$refs之运用

摘要： ref="ruleFormsss" 2.0中则 this.$refs.ruleFormsss 3.0中 setup里面 const ruleFormsss = ref(null); const form: any = unref(ruleFormsss); return { ruleFormsss 阅读全文

posted @ 2021-04-29 14:41 影思密达ing 阅读(2737) 评论(0) 推荐(0) 编辑

2021年4月16日

vue3.0之如何获取当前路由地址

摘要：三种方式 import { defineComponent, ref, reactive, watch, toRaw, getCurrentInstance } from 'vue'; const { proxy }: any = getCurrentInstance(); console.log( 阅读全文

posted @ 2021-04-16 10:34 影思密达ing 阅读(6232) 评论(0) 推荐(0) 编辑

2021年4月15日

vue3.0之elementui分页bug

摘要：场景描述: 表格在第二页删除一个数据，然后重新调取列表接口，发现接口数据在第一页，然而视图数据在第二页,关键是current-page改变无效果解决方案 https://blog.csdn.net/mm0715/article/details/102795167 el-pagination v-i 阅读全文

posted @ 2021-04-15 15:40 影思密达ing 阅读(497) 评论(0) 推荐(0) 编辑

2021年4月13日

css3环形图片倾斜旋转3D动画

摘要：视觉效果是这样，然后底下的环一直在转，类似于斗罗大陆的魂环 <template> <div class="container"> <div class="wrap"> <img class="back" src="./quan2.png" alt="" srcset=""> <div class=" 阅读全文

posted @ 2021-04-13 09:38 影思密达ing 阅读(837) 评论(0) 推荐(0) 编辑

2021年4月9日

vue3.0之异步组件Suspense (包括浏览器异步调试)

摘要： userLog.vue （父组件）上面的意思为， default里面是异步渲染成功之后显示的视图组件 fallback里面是类似于正在请求中，则会显示这种 cont2.vue (子组件) <template> <div> <ul> <li v-for="item in data.tableData 阅读全文

posted @ 2021-04-09 15:52 影思密达ing 阅读(850) 评论(0) 推荐(0) 编辑

vue3.0之teleport用法

摘要： index.html <div id="app"></div> <div id="ile">我是tel</div> cont1.vue <template> <div> {{propContent}} <button @click="cht">改变</button> <teleport to="#i 阅读全文

posted @ 2021-04-09 10:51 影思密达ing 阅读(716) 评论(0) 推荐(0) 编辑

vue3.0之watchEffect,watch用法

摘要： <template> <div>{{propContent}}</div> </template> <script> import { watchEffect, watch, ref } from "vue"; export default { name: "", components: {}, m 阅读全文

posted @ 2021-04-09 10:10 影思密达ing 阅读(2589) 评论(0) 推荐(1) 编辑

2021年4月7日

vue3.0之动态组件的坑,shallowRef,markRaw,toRaw

摘要： https://blog.csdn.net/weixin_35958891/article/details/113331804 介绍了shallowRef markRaw,toRaw就是视图不响应，但是数据响应，优化性能 https://blog.csdn.net/weixin_45389051/a 阅读全文

posted @ 2021-04-07 18:01 影思密达ing 阅读(1427) 评论(0) 推荐(0) 编辑

vue3.0之响应式变量，生命周期

摘要： <template> <div> <div class="ds-serch-box"> <el-input v-model="search" placeholder="请输入姓名、警号、账号" style="width: 250px"></el-input> <el-button type="pri 阅读全文

posted @ 2021-04-07 15:10 影思密达ing 阅读(1213) 评论(0) 推荐(0) 编辑

影ing

公告