- 博客(7)
- 收藏
- 关注
原创 vue3使用datav
一、安装 npm install @jiaminghi/data-view二、main.js中全局配置import dataV from '@jiaminghi/data-view'const app=createApp(App)app.use(dataV)三、1、引入后发现报错2、修改源码中的代码根据提示点击进入该文件3、用div将整个<rect>包起来,把template里的for循环放进div中(有两个地方要改,重复操作即可).
2022-04-25 16:23:19
42881
28
原创 vue3过渡动画
1、transition定义动画 (html)<transition name="fade" mode="out-in"><router-view class="show"></router-view></transition>2、css中编写.fade-enter-active, .fade-leave-active {//fade-enter-active:定义进入过渡生效时的状态,fade-leave-active:定..
2022-04-19 11:15:21
11252
原创 Vue3消息订阅与发布(组件间的通信)
npm i pubsub-js 下载pubsub-js库消息订阅(接收数据) MenuOne.vueimport pubsub from 'pubsub-js' //导入mounted() { this.pubId= pubsub.subscribe('hello',(msgName,data)=>{ //一定要用箭头函数否则this指向为undefinedconsole.log("有人发布了消息"+msgName,data)console.l...
2022-04-19 10:59:16
12742
原创 vue校验(输入不为空)
<input type="text" @blur="insert($event)">insert(e){if(!e.target.value.trim()) return alert("内容不能为空")}
2022-04-19 10:49:09
16919
原创 Vue判断数据中是否包含该属性
let data=[{id:1,name:"张三"}] //数据源if(this.data.hasOwnProperty("name")){console.log("数据中包含name属性")}
2022-04-19 10:30:53
867
原创 Vue3使用element plus 分页
1、引入分页组件:<el-pagination:page-size="10":pager-count="5"layout="total,sizes,prev,pager,next,jumper":total="list.length"@size-change="handleSizeChange"@current-change="handleCurrentChange":current-page="currentPage"/>2、data中初始化变量
2022-04-15 10:48:27
19777
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人