vue学习
叶川飞流
学而时习之,不亦乐乎
展开
-
uni-app的接口引用处理
h5浏览器上要看到效果需要如下图所示设置:请求代码 onLoad() { const requestTask1 = uni.request({ url: '/enterpriseDeclaration/processVisualization', header: { 'content-type': 'application/json;charset=UTF-8', //自定义请求头信息 }, data:{ .原创 2022-02-21 15:43:58 · 519 阅读 · 0 评论 -
vue element-ui 三级路由 router.js的配置文件
问题回顾:我已经按照网上说的方法,配了很多的次内容,一直搞不清楚是什么问题?配了两个component:Layout,效果显示如下:而如果去掉一个呢?就会变成这样起码这个已经解决了导航条嵌套的问题,所以我们应该明白,问题出现在Layout的上面,layout这块是整个主页面的路由的,解决方法:新建vue槽,装子路由的内容最后的代码如下:...原创 2022-02-15 10:55:19 · 967 阅读 · 1 评论 -
vue element-ui el-upload文件自定义上传功能
HTML代码: <el-upload class="upload-demo" align="center" drag :limit="1" :auto-upload="false" action="" :on-change="handleChangeVideo" :file-list="fileList" > <i class="el-ic原创 2022-02-10 17:28:08 · 875 阅读 · 0 评论 -
当需要数据(比如id)发生变化和不变化时都可以触发更新或者方法时,不需要用watch监听的方法
watch方法只能做到监听数据发生变化时,才能触发相应的数据变动并作出操作。但是,当我们在第一次触发并且把数据保存起来之后,再次操作则watch并没有监听数值没有发生变化然后再次作出相应的数据变动操作了。这时候,我们需要换个实现方式。祖父组件<Popup ref="popup" :dialog-type="type"></Popup>method:{ func(){ this.$refs.popup.toOpen(id) }}子组件:Popup原创 2021-06-16 10:45:40 · 844 阅读 · 0 评论 -
PC自适应的处理(滚动鼠标滚轮放大看的效果处理)
原图:没处理好的效果:想要的效果://加这行代码在最外层:{max-width: 1920px;margin:0 auto;}//无论屏幕宽度是多少,都限制显示最大的尺寸的内容,然后居中显示即可原创 2020-11-23 13:55:33 · 257 阅读 · 1 评论 -
vue手机点击无效
以后手机上如果click事件点击有问题的,就改为 touch事件,客户的手机操作起来也不会总是没反应了原创 2020-11-20 17:35:41 · 695 阅读 · 0 评论 -
用户的奇葩需求:网页要能滚轮使得图片缩小,文字缩小
在vue里面,我们可以直接设置在App.vue里面:#app { max-width: 1920px; margin:0 auto;}原创 2020-11-04 10:08:56 · 83 阅读 · 0 评论 -
vue路由变化马上知晓
watch: { $route: { handler: function(route) { console.log(route) }, immediate: true } },原创 2020-10-30 16:08:59 · 86 阅读 · 0 评论 -
vue的滚动监听事件
scrollGet(e) { // 滚动条高度 e.srcElement.scrollTop, e.target.scrollTop // 窗口可视区域高度 e.target.offsetHeight // 滚动高度 e.target.scrollHeight // console.log( // e.srcElement.scrollTop, ...原创 2020-10-26 15:38:58 · 428 阅读 · 0 评论 -
vue过渡动画引入外部的animate.css
原创 2020-10-20 23:00:12 · 94 阅读 · 0 评论 -
vue轮播图拖拽放置任意位置功能实现(拖动改变顺序)
<template> <div class="container" > <div class="topOperate flex-btw"> <div class="left flex"> <div class="add">+</div> <span class="text">Upload New Image(s)&原创 2020-10-13 14:30:56 · 1650 阅读 · 0 评论 -
第一次使用富文本编译器引入(vue)
地址和方法可以参考:https://nhn.github.io/tui.editor/latest/原创 2020-10-13 11:14:40 · 125 阅读 · 0 评论 -
在vue中禁止屏幕滚动,禁止屏幕滑动
有效:https://www.cnblogs.com/fanqiuzhuji/p/12667660.html原创 2020-10-09 15:28:18 · 941 阅读 · 0 评论 -
Vue 回顾之指令(关于input自动聚焦的问题)
自定义指令 Vue 回顾之指令(关于input自动聚焦的问题)原创 2020-09-28 14:44:59 · 109 阅读 · 0 评论 -
scroll滚动条默认样式的修改
&::-webkit-scrollbar { width: 6px; background-color: #fff; } &::-webkit-scrollbar-track { background-color: transparent; ...原创 2020-09-21 18:27:52 · 318 阅读 · 0 评论 -
vue@scroll 滚动某位置加载内容的做法
<div class="emailList" id="emailList" v-if="emailShow" @scroll="scrollGet($event)"></div>scrollGet(e) { // 滚动条高度 e.srcElement.scrollTop, e.target.scrollTop // 窗口可视区域高度 e.target.offsetHeight // 滚动高度 e.target.scrollHeight if (e.target.原创 2020-09-18 17:46:18 · 311 阅读 · 0 评论 -
引入jquery真的有用
引入jquery博主的链接本文转载,谢谢博主原创 2020-09-17 16:51:23 · 121 阅读 · 0 评论 -
简单的开关切换动画(vue)
<!-- 按钮 --> <div class="changeBox bs flex" :class="{'changeStatus' : changeStatusSign}" @click="changeStatus()" ></div> .changeBox { cursor: pointer; width: 61px; height: 26px; padding: 3px; bac原创 2020-09-17 14:35:46 · 644 阅读 · 0 评论 -
vue3.0报错:Cannot find module ‘vue-loader-v16/package.json‘的解决办法
使用命令cnpm -- install 代替 cnpm install来执行原创 2020-09-14 17:07:26 · 9100 阅读 · 10 评论 -
vue的关闭遮罩层
<transition name="fade"> <div class="mask" v-show="shareContShow" @click="hidePanel($event)"> <!-- @mouseenter="downloadShareOpen = true" @mouseleave="downloadShareOpen = false"--> <div class="shareCont...原创 2020-09-11 19:34:54 · 1971 阅读 · 0 评论 -
vue-cli3.0引入jQuery(转载,直接可以用)
vue-cli3.0引入jQuery(转载,直接可以用)原创 2020-08-28 17:13:29 · 687 阅读 · 0 评论 -
html(公众号、移动端网页)禁止页面滑动放大
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">原创 2020-08-19 14:02:33 · 684 阅读 · 0 评论 -
html的写法,安卓可以调起支付宝支付,苹果机不可以(已解决)
把内容改成a标签跳转即可(ios对于这个才能触发,不支持js的写法)原创 2020-08-03 15:03:07 · 500 阅读 · 0 评论 -
vue本地调试线上地址(不用反复提交代码到线上去测试)
vue里面的设置:host文件配置原创 2020-06-17 09:16:46 · 1250 阅读 · 0 评论 -
vue报错的解决办法
vue.esm.js?efeb:628 [Vue warn]: Property or method "list" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. 解决办法:原创 2020-06-04 16:51:29 · 691 阅读 · 0 评论 -
vue响应式网站PC端的宽度获取坑(已解决&新手向)
一开始我是在mounted函数里面用这个方法获取宽度的document.body.clientWidth,结果出现了一加载进来就是值为0的情况。找原因:1.是不是watch监听不到所以为0,因此找深度监测去了,没卵用2.是不是要写在created里面,或者update里,发现,没卵用3.最后找的一个方法,原来是我的宽度获取的方式有问题,应该是document.documentElement.clientWidth所以,问题就解决了...原创 2020-05-30 20:43:26 · 849 阅读 · 0 评论 -
vue拦截器的使用(萌新怕不懂的看过来)
由于我是第一次使用这个东西,我看到拦截器这个高大上的名字就感觉到害怕,所以做了这么多项目也怕接触这个东西,现在想到接口要进行处理,并且集中放置,所以利用了最近刚学的番茄时钟工作法,开了一个番茄,告诉自己就弄这么一会就好了。好吧,硬着头皮上,慢慢地,耐心地终于看出了点眉目。记录一下方便大家。第一步:这里总共有5个文件第一个是引用位置第二个是拦截器的内容放置位置第三个是所有api请求集中放置的位置第四个是vue引入外部js的位置第五个是config目录下处理跨域请求的位置第二步:正题如下原创 2020-05-22 14:32:51 · 1136 阅读 · 0 评论 -
vue可滚动的轮播
<template> <md-card> <md-card-actions> <div class="md-subhead"> <span>Autoplay</span> <span>(</span> <span>自动切...原创 2019-12-18 17:15:12 · 100 阅读 · 0 评论 -
vue使用element-ui的栅格布局的时候,有内容会被非overflow:hidden的内容遮住的处理方法
例如这里的“客户”的“客”字遮住了,本来想要通过position:absolute来处理这个问题,发现在该文字的父级加了一个position:relative,就解决了电脑端布局的响应问题。...原创 2019-12-14 10:52:45 · 1726 阅读 · 0 评论 -
图片裁剪存放(不压缩)
.item-left { float: left; width: 160px; height: 240px; & > img { width: 100%; height: 100%; object-fit: cover; } }原创 2019-12-10 14:35:29 · 488 阅读 · 0 评论 -
vue引入的animate.css动态样式如何给多个数据单独加显示效果
<div class="abc" v-for="(item,index) in advantage" :key="index" @mouseenter="adHover(index)"> <div class="advantageItem"> <div class="adPic"> ...原创 2019-11-24 23:32:00 · 379 阅读 · 0 评论 -
同名路由切换如何解决,父子路由交互如何实现的问题(偏向PC)
原创 2019-11-09 20:22:27 · 235 阅读 · 0 评论 -
vue路由切换通过选项卡的点击的位置来监听变化,并触发更新事件
vue路由切换通过选项卡的点击的位置来监听变化,并触发更新事件这是选项卡的位置点击,监听并处理异步请求等事件原创 2019-11-06 19:53:35 · 852 阅读 · 0 评论 -
vue :style三目运算
<div class="tableItem fl" v-for="(item,index) in list" :key="index" :style="{'line-height': (index == 1 ? '25px':'50px')}">{{item}}</div>原创 2019-11-04 16:57:10 · 10998 阅读 · 0 评论 -
同一子路由跳转报错的解决办法,(router-view相关)
this.$router.push({ name: "list", query: { opt: "trend" } }) + new Date();在后面加个时间尾缀原创 2019-11-04 11:23:56 · 711 阅读 · 2 评论 -
vue 2.6的反向代理配置proxy
新建一个vue.config.js文件module.exports = { devServer: { proxy: { '/api': { target: 'http://sd.langqiyun.cn', ws: true, changeOrigin:...原创 2019-10-30 15:33:27 · 1832 阅读 · 0 评论 -
vue原型方法封装
util.jsconst getPathName = function () { var pathname = window.location.pathname.split('/').pop(); console.log('当前秒杀模块的路由为:',pathname); return pathname;}// const export default getPat...原创 2019-10-30 09:38:32 · 1874 阅读 · 0 评论