vue
文章平均质量分 51
、不知不觉、
这个作者很懒,什么都没留下…
展开
-
直接将html里table导出为excel文件
1、安装xlsxcnpm i --save xlsx2、在src/mixins文件夹下新建tableToExcel.js文件,内容如下// 文档:https://docs.sheetjs.com/#array-of-objects-inputimport XLSX from 'xlsx'// import XLSX from 'xlsx-style' // ./cptable 报错e...原创 2019-10-15 14:58:19 · 3730 阅读 · 5 评论 -
vue中使用v-html加载的富文本,css中定义样式不生效
如题,使用v-html加载一段富文本,富文本里包含图片,在手机上图片宽度可能会溢出 <div v-html="htmlContent" class="rich"></div> <style scope> .rich>>> img{ display:block; max-width: 100%} &转载 2018-10-30 14:29:43 · 11307 阅读 · 0 评论 -
vue打包后css里-webkit-前缀丢失
步骤一:找到build/webpack.prod.conf.js,注释下面这一段/* new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }}), */注...原创 2018-08-24 14:12:54 · 2485 阅读 · 0 评论 -
vue输入节流,避免实时请求接口
在做搜索的时候,当搜索页面只有一个输入框、没有确定按钮的时候,只能在用户输入时请求服务端,查询数据。这样会导致频繁的发送请求,造成服务端压力。解决这个问题,可以使用vue做输入节流。 1、创建一个工具类,debounce.js/*** * @param func 输入完成的回调函数 * @param delay 延迟时间 */export function debounce(func...原创 2018-08-27 17:38:29 · 5520 阅读 · 4 评论 -
vue使用proxyTable设置接口代理
1、修改config/index.js里proxyTableproxyTable: { '/api': { target: 'http://192.168.42.182:8080', changeOrigin: true, pathRewrite: { '^/api': '/' } },}2、修改c...原创 2018-08-06 20:12:08 · 22824 阅读 · 1 评论 -
vue里transition实现动画,在ios10.3上无效;打包后低版本安卓系统webview动画失效
页面有个弹窗,我要实现的效果就是弹窗从底部滑上来,并伴随轻微的抖动效果。 HTML部分:&amp;amp;lt;transition name=&amp;quot;bounce&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;my-popup&amp;quot; v-show=&amp;quot;showPo原创 2018-07-25 13:08:09 · 4133 阅读 · 0 评论 -
(九)vue开发 - 获取url后面的参数
使用路由获取页面参数在路由中设置path:{ path: '/detail/:id/', name: 'detail', component: detail, meta: { title: '详情' }}获取参数 let id = this.$route.params.id备注: 1、参数名需要保持一致 2、如果...转载 2018-06-11 14:25:59 · 133021 阅读 · 0 评论 -
(五)vue开发 - 使用 vue-layer-mobile组件实现toast,loading效果
安装vue-layer-mobile// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0此版本安装后启动会报错,报错提示将css里的display:box改成display:flex;在main.js里面全局引用impo...转载 2018-01-23 16:37:51 · 3720 阅读 · 0 评论 -
(八)vue开发 - 将方法绑定到window对象,给app端调用
通过jsBridge方法,H5可以调用客户端(ios,android)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法,但是在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,并没有绑定window对象下面,这样一来,vue组件里定义的方法怎么暴露给window对象,提供给外部调用呢?created(){},mounted: function () {原创 2018-02-05 20:32:23 · 25042 阅读 · 12 评论 -
(七)vue开发 - transition之弹窗动画
页面上需要弹出一个列表供用户选择,通过简单的v-show控制,感觉体验上总要差那么一点,于是加上了vue的transition,最终实现的效果就是,点击选择银行时,银行列表从下面一点点滑动上来,选择完成后,慢慢滑动 下去,贴上代码template> div id="app"> transition name="delay"> form clas原创 2018-02-05 20:24:09 · 12159 阅读 · 0 评论 -
(三)vue开发 - vue开发注意
1.如果需要使用 document.getElementById(“xxx”)去获取Dom元素,不能给此元素设置v-if,否则获取不到会报错2.如果使用到了echart并且在特定条件下需要隐藏echart,请默认设置echart为显示的,再让echart display:none;否则echart显示会变形3.如果data里面有数组,并且在html模板原创 2018-01-22 19:13:33 · 2137 阅读 · 0 评论 -
vue报错:SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode
使用vue-cli搭建的项目,在安卓上页面展示正常,在iphone10以上系统上显示也正常的,但是在iphone9.3的系统上,页面一片空白,body里只有一句 使用safari调试后发现有2条报错信息,报错内容如下:SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in stric转载 2018-01-23 15:49:38 · 27856 阅读 · 1 评论 -
(四)vue开发 - 根据vue-router的meta动态设置html里<title>标签的内容
路由文件 :router/index.jsimport Vue from 'vue'import Router from 'vue-router'import index '@/view/index'import user from '@/view/user'Vue.use(Router)export default new Router({ routes: [原创 2018-01-22 19:21:02 · 15064 阅读 · 0 评论 -
(二)vue开发 - 使用vue-resource实现网络请求
vue-resource网络请求新建一个network.js ,里面内容编辑如下/** * 网络请求 */const protocol = window.location.protocol == 'https:' ? 'https:' : 'http:';const host = protocol + "//www.xxxx.com";import Vue from 'Vue'原创 2018-01-22 19:04:02 · 1378 阅读 · 0 评论 -
(一)vue开发 - 环境搭建
node安装:安装node(移步至:https://nodejs.org/en/download/),如果是windows平台,请选择.msi,注意区分32位和64位系统,按需选择,否则安装可能会提示失败,如果是mac,请选择.pkg,下载完成后,直接点击下一步,傻瓜式安装。然后打开终端,输入node -v ,能输出版本号即可,同样,应该 npm -v也能输出版本号,即表示安装成功。安原创 2018-01-22 18:05:26 · 750 阅读 · 0 评论