<pre><body> </div id="app"> <input type="text" v-model="name" placeholder="你的名字"> <…
分类:vue.js教程
Vue.nextTick使用和源码分析
Vue.nextTick的应用场景 Vue 是采用异步的方式执行 DOM 更新。只要观察到数据变化,Vue 将开启一个队列,并缓冲同一事件循环中发生的所有数据改变。然后,在下一个的事件循环中,Vue 刷新队列并执行页面渲…
vue中使用微信JS-SDK 报错 invalid signature 签名无效 问题分析记录
问题描述 微信JS-SDK说明文档 之前在 html+js 的项目中使用微信JS-SDK,wx.config 配置正常,使用图片上传和扫一扫等功能都正常。 现在的问题是,在 vue history模式 项目中,一直是签名…
配置webpack中externals来减少打包后vendor.js的体积
在日常的项目开发中,我们会用到各种第三方库来提高效率,但随之带来的问题就是打包后的vendor.js体积过大,导致加载时空白页时间过长,给用户的体验太差。为此我们需要减少vendor.js的体积,从本质上来解决这种问题。…
vue-router的query和params的区别
vue-router的query和params的区别 首先简单来说明一下$router和$route的区别 $router为VueRouter实例,想要导航到不同url,则使用$router.push方法 $route为…
vue+elementUI的图片即时上传
后台管理项目,用到的是vue+elementUI的方式,upload板块,api个人感觉还是不够详尽,现在,来说一下关于立即上传的问题.主要用到的是http-request的覆盖原有上传方式,(因为我需要传token给后…
记一些vue问题
1、报错:Do not use built-in or reserved HTML elements as component id: headerheader是html5中的特有标签,换一个名字即可
vue 使用 el-upload 上传文件及Feign 服务间传递文件
一、前端代码 <el-upload class="step_content" drag action="string" ref="upload" :multiple="false" :http-request="c…
vue 子组件向父组件传递数据
子组件 Children.vue <template> <div> <div @click="iclick">向父页面传递数据 </div> </div> &l…
组件化页面:封装el-table
项目做的越来越多,重复的东西不断的封装成了组件,慢慢的,页面就组件化了,只需要定义组件配置数据,使用就好了,这是一件非常舒服的事情,这篇文章主要和大家讲讲如何对element-ui中的el-table进行二次封装。 分析…
Vue+Node+Express+MySql的尝试
前言 这是一次很简单的尝试,初衷是使用nodejs替换PHP,搭建一个完整的web项目。 项目逻辑 vue开发前端,目前还在dev模式,使用proxy代理和node后端进行通信。node+express构建后端web服务…
Vue配置marked链接添加target="_blank"
引入marked package.json "dependencies": { "marked": "^0.3.9" } import marked from "marked"; 修改生成的HTML的方法 const r…