vue
晴风向上
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Babel/Plugin -JS支持ES6新语法[可选链操作符/空值合并操作符/空值合并操作符]
Babel/Plugin -JS支持ES6新语法[可选链操作符/空值合并操作符/空值合并操作符]转载 2022-06-27 16:01:01 · 1330 阅读 · 0 评论 -
vue组件间通信7种方式
1、 props/$emitprops:props可以是数组或对象,用于接收来自父组件通过v-bind传递的数据。当props为数组时,直接接收父组件传递的属性;当 props 为对象时,可以通过type、default、required、validator等配置来设置属性的类型、默认值、是否必传和校验规则。$emit:在父子组件通信时,我们通常会使用$emit来触发父组件v-on在子组件上绑定相应事件的监听。父向子传值:父组件通过:messageFromParent="message"将父组件 m转载 2021-12-31 14:14:18 · 1197 阅读 · 0 评论 -
el-select滚动到底部加载更多
自定义指令: directives: { 'loadmore': { inserted(el, binding) { const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap'); SELECTWRAP_DOM.addEventListener('scroll', function() { const conditi原创 2021-10-25 15:26:36 · 886 阅读 · 1 评论 -
移动端touch事件滚动
本来想用在北京欢乐谷手机上用touch事件来模拟局部左右内容滚动里,但在touchmove上下滚动时由于禁止了默认事件而body滚动条不能滚动,虽然可以根据touchmove的坐标来判断方向,但体验效果不理想。后来在查询相关资料后原来可以直接在css中使用overflow:auto;出来的滚动条用CSS3的-wekit-scrollbar{display:none}来隐藏;*拓展*::-webkit-scrollbar 滚动条整体部分*::-webkit-scrollbar-thumb 滚动条里面的转载 2021-09-05 17:47:15 · 967 阅读 · 0 评论 -
前端常见跨域解决方案
转载:https://segmentfault.com/a/1190000011145364转载 2021-08-04 11:06:56 · 133 阅读 · 0 评论 -
element ui el-scrollbar组件监听滚动返回顶部
转载:https://segmentfault.com/a/1190000020516669转载 2021-08-02 09:13:36 · 1144 阅读 · 0 评论 -
css 变量注入
<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar() { return {转载 2021-04-27 18:20:14 · 305 阅读 · 0 评论 -
vue设置多个layout(页面公共内容布局)
https://www.cnblogs.com/duanzhenzhen/p/13045613.html转载 2020-08-26 17:21:28 · 4669 阅读 · 0 评论 -
软连接创建
终端:ln -s 本地文件夹的绝对路径 node_modules内的路径例如:ln -s /Users/webdeveloper/Workspace/00010003/web/modules/w-0012 node_modules/@airchick/w-0012原创 2020-06-12 10:07:02 · 381 阅读 · 0 评论 -
vue 路由跳转
路由跳转方式-----methods方法下:方法一:this.$router.push({ path: "/", //即将跳转的路由地址 query: { //传参 key: value }})方法二:this.$router.push({ name: "/", //即将跳转的路由地址 params: { //传参 key: value }})方法三...原创 2019-06-28 09:46:22 · 593 阅读 · 0 评论 -
vue input file 上传图片
原始图父组件:<div class="my-basic"> <my-basic :items="category[3].menu[0]" @uploadHeadImg="uploadHeadImg" @handleFile="handleFile"></my-basic> </...原创 2019-05-22 15:16:24 · 4333 阅读 · 5 评论 -
VUE-CLI脚手架工具搭建步骤
原创 2018-10-29 13:06:29 · 161 阅读 · 0 评论
分享