摘要: 总结几句话: 相同点: 都能改变this的指向 都能传递参数 都能通过方法"."方法名调用 不同点: 函数名不同 参数传递方式不同 改变this指向的时机不同(bind在复制时改变,其他两个在调用时改变) 参数传递时机不同 参数传递方式: let f = f1.call(obj,1,1,1); le 阅读全文
posted @ 2022-04-08 12:01 如意酱 阅读(25) 评论(0) 推荐(0) 编辑
摘要: //compostion api (组合api) import { ref, reactive,onBeforeMount, onMounted,onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted,computed,watch,nextTi 阅读全文
posted @ 2022-03-03 14:53 如意酱 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 链接分享: https://www.jianshu.com/p/93510591290b 阅读全文
posted @ 2022-03-03 13:43 如意酱 阅读(69) 评论(0) 推荐(0) 编辑
摘要: vue2的this.$router.push在vue3中的写法: import { useRouter } from 'vue-router'; export default { components: { pagination }, setup() { const router = useRout 阅读全文
posted @ 2022-03-02 16:27 如意酱 阅读(930) 评论(0) 推荐(0) 编辑
摘要: 使文字始终保持相对垂直居中。使用table可以满足需求。伸缩浏览器也可保持布局。 <table> <tr> <td class="label">杆位名称</td> <td class="value">TH000-品质管理</td> <td class="label">杆位编号</td> <td cl 阅读全文
posted @ 2022-03-02 09:35 如意酱 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 父组件中使用: <file :kindId="kindId" @refresh="refresh"></file> import file from './components/file.vue'; components: { file }, data() { return { kindId: nu 阅读全文
posted @ 2022-02-24 16:17 如意酱 阅读(29) 评论(0) 推荐(0) 编辑
摘要: vue2的防抖处理(自定义指令) 在utils/index.js 文件中 // 防抖 立即执行 function debounce(fn, arg) { // delay = delay || 1000; let delay = 1000; let timeout; return function( 阅读全文
posted @ 2022-02-24 15:59 如意酱 阅读(1065) 评论(0) 推荐(0) 编辑
摘要: 阿里图库管理项目用到的小图标非常方便,只需要在阿里图库创建账户,点击项目管理-我的项目-新建项目,就可以管理图标啦。 第二步:上传svg图标 第三步:在vue中使用: 在public/index.html文件中 加入点击生成的代码 放在这个位置,注意再加个style设置一下。 然后就可以在项目中使用 阅读全文
posted @ 2022-02-24 15:46 如意酱 阅读(573) 评论(0) 推荐(0) 编辑
摘要: 如图效果,多选下拉框,可搜索下拉内容进行选择,一组选择后,其他组再选,之前的选项置灰(也就是说,每个选项只能被选一次。) 上代码: html: <el-dialog title="编辑" :visible.sync="dialogVisible" append-to-body width="540p 阅读全文
posted @ 2022-02-24 15:09 如意酱 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 这是一个可以监控每秒物体运动速度、数量的实时动态曲线图。思路是定时器控制,每秒新增一个在末尾,去掉一个在首个。来达到不断往后移的效果。 话不多说,直接上代码: data: { data:[], }, mounted() { this.operation_data_barFn(); }, method 阅读全文
posted @ 2022-02-22 11:45 如意酱 阅读(1760) 评论(0) 推荐(0) 编辑