yemuxia_sinian的博客

1、全局引入，在main.js里面引入import Vue from "vue";import 'ant-design-vue/dist/antd.css';import Antd from "ant-design-vue";Vue.use(Antd)html使用：<template> <div class="page-wrap"> <a-anchor> <a-anchor-link href="#a" title="a

如上图做搜索功能时，因为搜索框和搜索列表页是非父子组件，所以通信的时候就用到中央事件总线来做。一开始自己用的是用vuex + watch，监听搜索值来做，但是这样有个问题：改变左边的搜索类型，重新搜索就没办法触发watch进行搜索了，因为搜索值没变。用中央事件总线的过程中，遇到了以下一些问题：1、搜索事件多次触发了 2、绑定的事件出发了，但是却没办法修改data的值，也没办法更新视图。分析这些问题之前，先看下一些知识点一、什么是中央事件总线有时候两个非父子关系的组件，也需要通信。可以将一个...

其实主要问题在于target的设置，一开始看文档也是不清楚这个属性要怎么设置，有两种情况：1、如果滚动条是整个document自身的那么此时target不用设置，如下即可：<template> Scroll down to see the bottom-right button. <el-backtop></el-backtop></template>2、如果此时页面的滚动条设置在了某个dom节点上（某个dom节点设置了overflow

最近项目做了一个简单的H5在线点酒，用的vue-cli脚手架搭建，运行在微信环境，涉及到微信授权登录，jssdk的使用，微信支付等功能，现记录下一些流程，以便后续自己查阅。微信开发文档传送门一、微信H5网页授权登录授权登录流程微信开发文档已经写的很清楚了，如下：1 第一步：用户同意授权，获取code2 第二步：通过code换取网页授权access_token3 第三步：刷新access_token（如果需要）4 第四步：拉取用户信息(需scope为 snsapi_userinfo)

之前使用饿了么select组件时，都是直接把v-model的值和options的选项值绑定起来，但是获取当前选项的一些数据时，都是需要当前选项的id来调用接口，获取对应数据。所以这样做还必须给select绑定change事件，选项改变，再通过v-model的值去选项数组中比对获取当前值的id，再去调用接口。如下：var vm = new Vue({ el: "#app", data: { options: [ { id: 0,

vue项目开发过程中页面太多，路由配置起来也是一件很麻烦的事，好在webpack提供了一个require.contextApi，通过执行require.context函数可以获取一个特定的上下文，实现自动化导入模块。一、语法require.context('./dir',true, /\.js$/)；第一个参数表示相对的文件目录，第二个参数表示是否包括子目录中的文件（true，false），第三个参数表示引入的文件匹配的正则表达式。二、自动配置路由修改router文件夹下的index.js.

一开始我是直接在pro.env.js里面配置了两个地址，每次打包时注释掉不要的就好了，但打包频繁了，越发觉得很不方便，然后就有了后面的方法。一、模仿npm run build，新建一个新的命令：npm run sit通过新建命令：npm run sit 来打包测试环境包，npm run build专门来打包正式包就可以了1、复制一份config/文件夹下的pro.env.js，改名si...

公司做了个数字货币行情的H5，需要用到websocket，刚好自己也不会，可以学习一下，美滋滋。项目结合vue脚手架和websocket来搭建，主要遇到了两个问题，一个是：断开重连机制要如何处理；另外一个是：如何在页面上随时的发送消息并实时接收返回的数据，断开重连后又如何重新发送消息，接收消息一、断开重连机制处理 （详细参考这里）写一个重连的方法（重连方法中必须加一把锁，重连方法执行过...

父组件：&lt;template&gt;&lt;div&gt;&lt;div @click="openChild"&gt;弹弹弹，弹出子组件&lt;/div&gt;&lt;childs ref="alert" @watchChild="parentReceive"&gt;&lt;/childs&gt; &lt;!--监听子组件绑定的方法--

偶然发现了个好东西：mock.js，它可以用来随机的生成你想要的数据格式，包括文本、图片等，这时候我们再结合node.js，就可以真正的脱离后端，自己做接口，返回数据，测试我们的前端功能模块了。mock.js的大致使用是通过定义一个自己想要的数据模板，然后数据模板中的数据值可以通过Mock.Random中的一系列方法来生成，最后通过Mock.mock(); 来生成自己想要的数据。eg：...

vue-cli是一个vue官方发布的项目脚手架，可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装node.js首先需要安装node环境，可以直接到官网（http://nodejs.cn/）下载安装包解压安装。安装完成后，可以在命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，说明安装成功。

一、后端接口搭建后端用的是php，自己只是个菜鸟，复习了下基础知识后搭建出来的，环境用的是phpstudy集成环境搭建的。代码如下： &lt;?php header('content-type:application/json;charset=utf8'); function connect_mysql(){ $servername = "localhost"; ...

前几天看了动脑学院讲的vuex，觉得真心不错，核心的基本都讲到了。这两天去翻了下官网的文档，然后在vue-cli上实现了那个计数案例。现记录下一些学习笔记。首先，借用下官网的经典图：这图的执行顺序是这样的：1、组件通过Dispatch触发Actions里面的动作；2、Actions通过Commit提交Mutations3、Mutations注册事件，通过这些事件来改变State的状态4、最后Sta...