lixiaoyan93的博客

首先简单来说明一下$router和$route的区别//$router : 是路由操作对象，只写对象,跳转传参//$route : 路由信息对象，只读对象，接收传递参数//操作 路由跳转this.$router.push({ name:'demo1', params:{ name:'li', age:'23' }})//读取 路由参数接收this.name = this.$route.params.name;t

Vue中使用vconsole调试手机移动端的点击事件先使用npm install vconsole下载安装依赖包 在Vue项目中新建 vconsole.js 文件 ,在文件中写入 import Vconsole from 'vconsole' const vConsole = new Vconsole() export default vConsole 3.在main.js文...

vue.js中使用D3树状图异步按需加载数据绘制人物关系图，网上查了好多资料没找到合适的，就自己写个简单的，方便以后查看，附上效果图重点：这个树状图不管是Vue的，还是HTML的，使用的D3.js 版本是3.5.17，如果使用别的版本，可能里面的语法不同，所以使用者请确认好下载的D3.js的版本D3.js是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SV...

写个项目，要求要本地上传音视频至服务器，再回显可播放。当前项目使用了elementUI+Vue上传图片，请求接口，将图片或者音频文件提交给后台，后台返回存储图片或者音频的ID，因为后台存到mogondb里面了，所以返回的是ID，如果存到服务器里面，返回的就是图片或者是音频存到服务器的地址。回显图片的方式是，先请求接口，根据图片的ID，请求接口图片或者是音频返回的内容，请求接口返回的内容为一个图...

1.keep-alive的作用以及好处在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页进入详情页，详情页不缓存也需要请求下数据，然后返回列表页，这时候我们使用keep-alive来缓存组件，防止二次渲染，这样会大大的节省性能。2.keep-alive的基本用法在app.vue中<!-- 缓存所有的页面 --><keep-alive&g...

本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。一、实现HTML页面保存为图片1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括：方案1：将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2：使用html2canvas.js实现（可选搭配Canvas2Image.js...

Vue.js 最显著的特点就是响应式和数据驱动，也就是将Model和View进行单向绑定或者双向绑定。单向绑定：把Model绑定到View，当我们用JS代码更新Model时，View页面视图就会自动更新。因此，我们不需要进行额外的DOM操作，只需要进行Model的操作就可以实现视图的联动更新。双向绑定：把Model绑定到View的同时也将View绑定到Model上，这样就既可以...

第一种方式：利用Vue的mounted生命周期const oScript = document.createElement('script');oScript.type = 'text/javascript';oScript.src = '//g.alicdn.com/sd/smartCaptcha/0.0.1/index.js';document.body.appendChild(o...