随笔分类 - vue
摘要：首先先上图 看到很多人都是这么干的: 1. 找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finis
阅读全文
摘要：首先 sockjs-node 是一个JavaScript库，提供跨浏览器 JavaScript 的 API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-
阅读全文
摘要：最近在更新个人主页，这个主题看够了，就想换另一个。但是今天突然发现我的 Vue 不能热更新？费了一会劲才搞明白怎么回事。下面就分享一下我的入坑，出坑过程吧。 webpack-dev-server 炸了？ 一开始我还真的以为是 HMR 不工作了，所以这里陷入了一个大坑，这里省略 1 个小时的搜索。。。
阅读全文
摘要：什么是process.env.NODE_ENV process.env.NODE_ENV应该是我们最熟悉的环境变量了，它经常出现在使用框架或者类库的时候，被用来区分不同的环境（开发，测试，生产等），以便我们进行相对应的项目配置，比如是否开启sourceMap，api地址切换等。那为什么process
阅读全文
摘要：1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开
阅读全文
摘要：iview table render集成switch开关修改table表格的值。既可以绑定默认的on-change事件(on)，也可以绑定自定义click事件(nativeOn)。 一、效果如下： 即是打开处理switch开关，发布状态改为上架状态，关闭switch开关，发布状态改为下架状态。 二、
阅读全文
摘要：一、css部分(mixin.scss)： $browser-default-font-size: 16px !default; @function pxTorem($px) { //$px为需要转换的字号 @if (unitless($px)) { @return pxTorem($px + 0px
阅读全文
摘要：data(){ return { searchData:{ code:'', name:'', pageIndex: 1, pageSize: 10 }, searchParams:{}, } } 一、数据清除： //方式一 this.search = Object.assign(this.$dat
阅读全文
摘要：iview table render集成switch开关修改table表格的值。既可以绑定默认的on-change事件(on)，也可以绑定自定义click事件(nativeOn)。 一、效果如下： 即是打开处理switch开关，发布状态改为上架状态，关闭switch开关，发布状态改为下架状态。 二、
阅读全文
摘要：使用axios发送get请求，参数写在query里 async getOrgList() { let res = await this.$axios.get('/user/b/getOrgList', { params: { pageNo: 1, pageSize: 99, type: 6 } })
阅读全文
摘要：vue项目点开后，出现了报错，提示为} expected css(css lcurlyexpected),需要下载 vetur 组件。 并且在配置文件中修改一下vue的配置，首选项—>设置 把 .vue 的值改成 vue，问题就解决了。 vue组件出现} expected css(css lcurl
阅读全文
摘要：官方推荐picker，但是我们项目用picker还要搭配Popup和cell、field，维护太太麻烦，所以自己封装一个 select单选 //封装VanFieldSelectPicker组件 <template> <div> <van-field v-model="resultLabel" v-b
阅读全文
摘要：vue-cli 3.0.1 详细入门教程 请事先装好nodeJs 一、安装vue-cli npm install -g @vue/cli # or yarn global add @vue/cli 1 2 3 查看版本（是否安装成功）：vue -V(大写的V) 二、创建项目 vue create m
阅读全文
摘要：vue-cli4.5创建vue项目 1. 准备工作 1.1 安装node.js 安装过程很简单，在官网下载安装包，点击安装，一直下一步直到安装完成即可，新版本的node.js会自动添加环境变量，不需要再手动添加环境变量，如有疑问，可自行前往环境变量查看。 node.js官网：https://node
阅读全文
摘要：Vue 2.x相比较Vue 1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双向绑定功能，但是在Vue2中彻底废弃了此功能，如果需要双向绑定
阅读全文
摘要：点击 methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarg...
阅读全文
摘要：在之前的文章中我们提到了vue常用的几种通信方式，如父子，子父，以及兄弟组件之间的通信，可以通过这个传送门了解他们：Vue通信方式（一） 当我们如果遇到祖组件，父组件，孙组件，三个级别嵌套时，我们该怎么在祖组件与孙组件之间通信呢，当然通过本地存储或者Vuex都可以实现，但仅仅是一个值得时候未免有点小
阅读全文
摘要：解决Vue刷新一瞬间出现样式未加载完或者出现Vue代码问题： <style> [v-cloak]{ display: none; } </style> <div id="app" v-cloak> <h1>{{ msg }}</h1> </div>
阅读全文
摘要：最近项目中遇到的问题，只想在某个页面里面单独更改element-ui的样式，而不影响全局 有两种方法： 新增style标签 在需要更改的组件里新增一个style标签【重点：不要加scoped】，然后直接获取class设置样式就可以咯，class自己去浏览器里右键审查元素可得到。 建议：在获取到的样式
阅读全文
