随笔分类 - Vue
Vue的一些知识
摘要：module.exports = { baseUrl: "./", //1.默认为 "/":部署在一个域名的根路径上 ; 2. "./":所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径 outputDir: "dist", //默认为 "dist",指打包后的资源放置的路径，放在
阅读全文
摘要：###安装及引入 1、npm install moment 或者 yarn add moment 2、在main.js里引入并挂载到全局 import moment from 'moment' Vue.prototype.$moment = moment moment.locale('zh-cn')
阅读全文
摘要：####介绍 插槽（Slot），在各种vue的ui插件中，经常见到的多个组件标签相互嵌套（如下）就是以此为基础的。 <el-col > <el-checkbox > </el-col> 而我们也经常会用到这种场景，例如封装一个边框样式的组件，组件中的内容，可以通过这种方式制作，或者将子组件提取到父组
阅读全文
摘要：##方案一：使用pdfjs插件将pdf嵌套在页面中的某个位置 ####提示： 1、不兼容IE及兼容模式下的360浏览器（极速模式可以兼容），以上浏览器请自行为用户设置不兼容提醒 2、canvas画布是浮动在页面元素之上的，请知悉 3、这里pdf文件由后端接口返回，如：http://192.168.1
阅读全文
摘要：因使用ui组件存在一些兼容性问题，故找到以下方法略加改动实现效果 本文转自：https://www.jianshu.com/p/a9e1cf8efbf3 略作改动
阅读全文
摘要：####步骤 新建一个文件夹如demo，vscode打开此文件夹，再打开终端 vue-cli3.0以上版本，Vue cli 的包名称由 vue-cli 改成了 @vue/cli。所以要先卸载旧版本，再安装新的 npm uninstall vue-cli -g 卸载vue2.0的安装包 npm ins
阅读全文
摘要：##简单的使用（应用场景：少量几个页面的中英文切换） #####1、安装 vue-i18n依赖 yarn add vue-i18n 或者 npm install vue-i18n --save-dev ######2、在src/components下新建文件夹language，并在文件夹langua
阅读全文
摘要：###vue2.0中使用百度编辑器（仅适用于2.0，与3.0有所不同，3.0版本使用者可略过） 1、yarn add vue-ueditor-wrap //下载此包可实现双向绑定功能 2、将去官网下载百度编辑器包(jsp版本),将名字改为UEditor放在项目的static文件夹下(与src同级)
阅读全文
摘要：1、IE浏览器打开网站后显示空白，并报错：Error in created hook: "ReferenceError: “Promise”未定义" 2、接口数据请求失败 1可能是因为IE不识别es6的promise，解决方法如上。 2也可能是因为简易接口请求格式IE浏览器不识别。换做标准的格式即可
阅读全文
摘要：在build/webpack .prod.conf.js文件里做以下修改 然后直接 npm run build 打包后 就可以看到dist文件里的js文件名带上时间戳
阅读全文
摘要：问题及原因 解决办法 拓展 如果你还不懂，或者想了解更多： 直接看vue官方文档体验会更好：https://cn.vuejs.org/v2/guide/reactivity.html 看看博客解析也不错：https://www.cnblogs.com/thinkingthigh/p/7789108.
阅读全文
摘要：####倒计时代码（兼容ios） beforeDestroy(){ //页面销毁前清除定时器 clearInterval(this.countTimes) } methods:{ //方案一：先处理成ios和安卓均可转换的时间格式，再统一处理 timer(){ let u = navigator.u
阅读全文
摘要：##路由传值 ####路由传值，取值(一个参数) 1、路由部分配置：如router.js页面，在需要取值的页面的路由上添加/:testid { path:'/pUniversity/pUniversityInfo/:testid', //添加/:testid component:pUniversit
阅读全文
摘要：####直接看官方文档 const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当守卫执行前，组件实例还没被创建
阅读全文
摘要：####经过处理了各种bug后的最终版本代码 在index.html： 引入 <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 在需要做分享功能的页面： cre
阅读全文
摘要：##具体流程(详见文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html) ####1、前端提交申请获取用户授权 let ua = navigator.user
阅读全文
摘要：###推荐这种方式 https://www.cnblogs.com/huihuihero/p/13024701.html ####ios微信内置浏览器默认是白色背景底色；而安卓机微信内置浏览器默认是灰色背景底色。底色不同导致h5页面在不同机型的微信浏览器内打开，显示效果不同。如何兼容？ 推荐上面链接
阅读全文
摘要：以下部分内容转自博客（另外配有自己见解）：https://www.cnblogs.com/nokelong/p/8116631.html ###使用keepAlive缓存页面，一可以减少服务器请求次数，二则可以在用户返回上一页后记忆到上次浏览位置（ios端微信浏览器不适用，不兼容，需要另行配置：见例
阅读全文
摘要：####安装antd-vue并按需加载(详见 https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ ) 注：antd-vue2.0+和antd-vue3.0+都是只支持vue3.0+。只有ant-vue1.0+才支持vue2.0+ 1、yarn ad
阅读全文
浙公网安备 33010602011771号