wang_9909的博客

有段时间没有用过vue、vuex以及uniapp了，避免手生，于是便写如下一个小demo。

敲代码爆红是一件很烦的事，而因为一些代码缩进报错爆红则更令人心烦，如下图所示。 为了解决这一问题，笔者选择了最为简单粗暴的方法 ，将首行缩进验证给注释掉。 这里推荐大家搜索 indent 这个关键字，然后找到和我这个类似的地方，将其注释掉。重启项目看看是否解决，若没有则再找到下一处进行注释，直至没有报缩进错误时为止。 注意：注释后必须重启服务，因为修改配置文件后需要重启才会生效。 如下图所示。 然后代码ctrl+s报存就不爆红了。如此就没有那令人烦恼的红色的。 当然，...

1.使用自定义指令 一、在main.js中编写一个自定义指令 import Vue from 'vue' import App from './App.vue' import router from '@/router' Vue.config.productionTip = false Vue.directive('scroll', function(el,bind,VNode){ el.style.overflow = 'scroll' el.addEventListener('scr

我们在开发过程中有时需要给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 }" ...

uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件，文末有项目代码可供下载

Vue是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据的共享。

1.查看本地node.js是否安装 node -v 2.安装vue npm install vue 3.查看vue脚手架是否成功安装以及安装的版本号 vue -V 4.打开vueui，进入vueui页面 vue ui OK！vueui已经成功创建了。 对于运行cmd命令时提示没有脚本权限 解决办法：管理员运行powershell 然后输入 set-ExecutionPolicy RemoteSigned ...

父传子 在子组件绑定父的数据，子组件通过props接受参数。 子传父 v-on 事件绑定 兄弟组件之间 EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件

今天在创建新的vue项目时报了这个错误，网上查了很多次，发现都没有什么有效的解决方法。 于是经过多次运行，突然发现居然成功了 据我猜测，可能是网络问题 所以，如果你也出现这个问题，我给出的解决方法就是多试几次，或者换网络再试 ...

1.安装依赖 npm install vue-dplayer -S 2.在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

有时我们需要进行跨域访问，这时就有可能出现这个错误 这时我们就要注意了，我们就需要看看config文件下的index.js里面host是否为localhost 若是这时我们就要将localhost修改为127.0.0.1 最后重新运行下项目 npm run dev 就可以了 ...

1.准备工作检查node与npm是否能正常使用 【命令行查看版本号】 node -v npm -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 依赖

<div .............. :key="new Date().getTime()" > </div> <dialog ......... :key="new Date().getTime(0" > <dialog> 这个就适合解决延迟等疑难杂症 页面出现问题了，不妨试试这个

Vue作为目前最流行的前端框架之一。 当用户进行操作后需要刷新当前局部的页面时，如果使用 location.reload(); 与 this.$router.go(0); 这2种刷新，原理分别是F5类刷新以及跳转至当前页面的刷新，虽然也能刷新，但是会造成当前全部页面刷新。如果用户网络不好时，就会出现空白页面的情况。 所以我们需要一种全新的页面刷新方式，局部刷新页面 1.我们先在APP.vue中使添加下列代码 <template> <div id="app"> &

vue-element-admin-master安装其实非常简单 1.只需要去官网下载一个zip包，然后解压。 如果官网下载慢，也可以选择通过这个下载：https://gitee.com/run__nobug/zip/blob/master/vue-element-admin-master.zip 2.用cmd进入当前文件路径，用cnpm安装所需依赖 npm/cnpm install 等待即可 如果想选择cnpm的，但是没有安装cnpm的可以参照这个安装https://blog.csdn.net/wang