vue
wang_9909
每天进步一点点,成长足迹看得见。
展开
-
uniapp封装请求(uni.request)与vuex进行状态管理
有段时间没有用过vue、vuex以及uniapp了,避免手生,于是便写如下一个小demo。原创 2022-02-07 20:08:18 · 2158 阅读 · 1 评论 -
error Expected indentation of 8 spaces but found 6 indent 报错解决方案
敲代码爆红是一件很烦的事,而因为一些代码缩进报错爆红则更令人心烦,如下图所示。为了解决这一问题,笔者选择了最为简单粗暴的方法 ,将首行缩进验证给注释掉。这里推荐大家搜索 indent 这个关键字,然后找到和我这个类似的地方,将其注释掉。重启项目看看是否解决,若没有则再找到下一处进行注释,直至没有报缩进错误时为止。注意:注释后必须重启服务,因为修改配置文件后需要重启才会生效。如下图所示。然后代码ctrl+s报存就不爆红了。如此就没有那令人烦恼的红色的。当然,...原创 2021-11-04 21:38:00 · 5185 阅读 · 0 评论 -
vue使用keep-alive切换页面,2种方法实现页面保持滚动位置 底部有代码可供下载
1.使用自定义指令一、在main.js中编写一个自定义指令import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falseVue.directive('scroll', function(el,bind,VNode){ el.style.overflow = 'scroll' el.addEventListener('scr原创 2021-11-03 18:28:23 · 821 阅读 · 0 评论 -
vue路由 无法给router-link添加点击等事件的解决方案
我们在开发过程中有时需要给router-link 标签添加事件如@click 、@mouseover。譬如v-for遍历选项卡时设置点击事件<div class="nav" ><router-link v-for="item in routes" :key="item.id" v-text="item.text" :to="item.path" :class="{ on: navName == item.text }" ...原创 2021-10-26 17:56:35 · 786 阅读 · 0 评论 -
uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载
uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载原创 2021-09-08 11:12:45 · 10530 阅读 · 30 评论 -
为什么有些vue项目推荐使用Vuex进行管理?VueX的基本使用方法
Vue是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据的共享。原创 2021-06-17 20:37:09 · 1180 阅读 · 2 评论 -
如何安装并使用Vue ui
1.查看本地node.js是否安装node -v2.安装vuenpm install vue3.查看vue脚手架是否成功安装以及安装的版本号vue -V4.打开vueui,进入vueui页面vue uiOK!vueui已经成功创建了。对于运行cmd命令时提示没有脚本权限解决办法:管理员运行powershell然后输入 set-ExecutionPolicy RemoteSigned...原创 2021-06-10 01:20:01 · 840 阅读 · 0 评论 -
Vue组件之间的五种传值(笔记)
父传子在子组件绑定父的数据,子组件通过props接受参数。子传父 v-on 事件绑定兄弟组件之间 EventBus$on 接收数据的那个组件$emit 发送数据的那个组件原创 2021-06-10 00:25:19 · 499 阅读 · 0 评论 -
vue下载模板时报 vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET
今天在创建新的vue项目时报了这个错误,网上查了很多次,发现都没有什么有效的解决方法。于是经过多次运行,突然发现居然成功了据我猜测,可能是网络问题所以,如果你也出现这个问题,我给出的解决方法就是多试几次,或者换网络再试...原创 2021-02-28 01:39:54 · 9514 阅读 · 6 评论 -
vue中使用 vue-dplayer视频播放器实现hls播放
1.安装依赖npm install vue-dplayer -S2.在mian.js里引入并使用import VueDPlayer from "vue-dplayer";import "vue-dplayer/dist/vue-dplayer.css";Vue.use(VueDPlayer);3.页面使用 完整代码<template> <div class="main"> <d-player ref="player" id="player" :op转载 2021-02-28 00:58:05 · 2789 阅读 · 7 评论 -
设置跨域后报 [WDS] Disconnected!
有时我们需要进行跨域访问,这时就有可能出现这个错误这时我们就要注意了,我们就需要看看config文件下的index.js里面host是否为localhost若是这时我们就要将localhost修改为127.0.0.1最后重新运行下项目 npm run dev 就可以了...原创 2021-02-27 00:15:42 · 830 阅读 · 0 评论 -
使用vue-cli新建vue模板项目
1.准备工作检查node与npm是否能正常使用【命令行查看版本号】node -vnpm -v【升级npm(可选操作)】npm install -g npm【修改为淘宝镜像(可选操作)】淘宝镜像为国内源,下载速度更快npm config set registry "https://registry.npm.taobao.org"2.安装【全局安装 webpack】npm install webpack -g【webpack 4.X 开始,需要安装 webpack-cli 依赖原创 2021-02-26 22:05:40 · 272 阅读 · 0 评论 -
vue的dialog(模态框)和div,切换时自动刷新内容
<div..............:key="new Date().getTime()"></div><dialog.........:key="new Date().getTime(0"><dialog>这个就适合解决延迟等疑难杂症页面出现问题了,不妨试试这个原创 2020-12-24 19:14:48 · 1029 阅读 · 1 评论 -
vue刷新当前页面,非F5刷新,解决了刷新时出现空白页面的问题
Vue作为目前最流行的前端框架之一。当用户进行操作后需要刷新当前局部的页面时,如果使用location.reload();与this.$router.go(0);这2种刷新,原理分别是F5类刷新以及跳转至当前页面的刷新,虽然也能刷新,但是会造成当前全部页面刷新。如果用户网络不好时,就会出现空白页面的情况。所以我们需要一种全新的页面刷新方式,局部刷新页面1.我们先在APP.vue中使添加下列代码<template> <div id="app"> &原创 2020-10-15 19:01:21 · 3210 阅读 · 0 评论 -
vue-element-admin-master半成品框架简易安装教程,半成品框架基本功能都有的神奇框架
vue-element-admin-master安装其实非常简单1.只需要去官网下载一个zip包,然后解压。如果官网下载慢,也可以选择通过这个下载:https://gitee.com/run__nobug/zip/blob/master/vue-element-admin-master.zip2.用cmd进入当前文件路径,用cnpm安装所需依赖npm/cnpm install等待即可如果想选择cnpm的,但是没有安装cnpm的可以参照这个安装https://blog.csdn.net/wang原创 2020-10-14 20:14:02 · 979 阅读 · 0 评论