发布了文章2019-07-08
url:[链接]:8081/#/paramsPassingByRouter/paramsMode 页面显示:{"id":"20180101","name":"张三","aka":"z3","age":"18"}
发布了文章2019-07-01
通过 $nextTick(),协助实现。先把 <router-view /> 移除,移除后再重新添加,达到刷新当前页面的功能。是目前最合适的实现方式。
发布了文章2019-06-23
1. 父级容器设置成表格,子级设为行内元素。 适合子级内容为文本展示。 {代码...} 2. 父级容器设置相对定位,子级设置绝对定位后通过外边距居中。 {代码...} 3. 父级容器设置为弹性盒,子级设置外边距。 {代码...} 4. 父级容器设置相对定位,子级设置绝对定位,左边...
发布了文章2019-06-15
Vue 项目中经常遇到表格内容要根据接口数据格式化展示,比如:接口返回时间戳格式 1560565657109,表格要展示为 '2019.06.15 10:27:37'。下面介绍3种格式化数据的方案并简述其使用场景,希望帮助大家在项目中可以准确定位快速开发。
发布了文章2019-06-15
Vue 项目中经常遇到表格内容要根据接口数据格式化展示,比如:接口返回时间戳格式 1560565657109,表格要展示为 '2019.06.15 10:27:37'。下面介绍3种格式化数据的方案并简述其使用场景,希望帮助大家在项目中可以准确定位快速开发。
赞了文章2018-09-21
要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star
赞了文章2018-07-20
众所周知,vue的官方脚手架是vue-cli,但它已经很久没有大版本更新了,原来是憋了个大招。最近发布的vue-cli 3.x ,虽然还是bata版本,但它新增的功能是非常强大的,小编已经迫不及待的下载体验。
赞了文章2018-07-20
传统H5的懒加载方式都是通过监听页面的scroll事件来实现的,结合viewport的高度来判断。小程序也类似,通过监听页面onPageScroll事件获取当前滚动的数据,结合getSystemInfo获取设备信息来判断。由于scroll事件密集发生,计算量很大,经常会造成FPS降低、页面卡顿等...
赞了文章2018-07-20
传统H5的懒加载方式都是通过监听页面的scroll事件来实现的,结合viewport的高度来判断。小程序也类似,通过监听页面onPageScroll事件获取当前滚动的数据,结合getSystemInfo获取设备信息来判断。由于scroll事件密集发生,计算量很大,经常会造成FPS降低、页面卡顿等...
赞了文章2018-06-25
本文偏入门&实践,从零开始配置 Webpack; 实际项目开发,零配置是不存在的。🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies {代码...} 安装成功后,创建目录 src/index.js 并添加...
赞了文章2018-06-25
最近刚用完 gulp 又来捣鼓捣鼓 webpack ,这只是个简单的新手入门教程...不多说;注意:安装webpack前检查nodejs的安装目录路径是否存在空格( Program Files (x86) ),建议安装在无空格文件夹目录下。
赞了文章2018-06-12
后来,果断放弃收费的 PHPStorm ,改用 vscode (Visual Stdio Code).当然 vscode 对 vue 也不是原生支持的,今天来扒一扒如何配置 vscode 以便优雅地编辑 vue 文件
赞了文章2018-05-09
可以跳过下面步骤直接下载使用:[链接]使用步骤:下载代码=》安装依赖 npm install =》运行程序 npm run dev =》浏览器中打开 [链接]:8080
赞了文章2017-12-18
模板解析器不再依赖于DOM(除非你使用真正的DOM作为模板),因此只要你使用字符串模板,你将不再受到任何1.0版本中的解析限制。但是,如果你依赖在存在的内容中挂载一个元素作为模板(使用el元素),你将依然受到这些限制。
赞了文章2017-12-18
v-for迭代语法变化 丢弃$index和$key 新数组语法 value in arr (value, index) in arr 新对象语法 value in obj (value, key) in obj (value, key, index) in obj 指令接口的改变 大体来说,2.0版本中指令大范围的降低功能,它们仅用于低层次的直接dom操作。在多数情...
回答了问题2017-12-14
我是这么写的: {代码...} {代码...} {代码...} element-ui的table和switch相组合,写了个例子: {代码...} {代码...} {代码...} 效果如下: 原始数据第一行是,on是'0',点击后console出来,发现值改变了 再点一次,又对应改变了 总结一下,@change="func"是默认传过...