
Hbuilder + Vue
HbuilderX开发vue项目
D_lunar
这个作者很懒,什么都没留下…
展开
-
使用Ngnix 发布并代理前端
创建.bat脚本文件。注意:每次修改nginx.conf文件后,都需要重启Ngnix才能使用。我一般在自己的windows电脑上部署测试项目,很方便快捷,局域网可用就够了。生产阶段则使用Ngnix来发布和代理前端最为简单便捷,创建.bat脚本文件。创建.bat脚本文件。原创 2023-06-21 16:06:06 · 617 阅读 · 0 评论 -
vue 使用axios
【代码】vue 使用axios。原创 2023-06-21 15:28:52 · 128 阅读 · 0 评论 -
Vue 实现文件下载
备注:成功的下载,不会出现任何文件下载下来都是2KB的情况。原创 2023-06-21 14:50:36 · 1046 阅读 · 0 评论 -
单页面应用和多页面应用
作为一个面向uniapp的多端开发人员,我简单的谈一谈自己对单页面应用和多页面应用的理解。1、单页面应用以一个简单的uniapp应用(没有使用hybrid)为例,它只有一个html页面。打包后,其他的vue、nvue页面都会转成css文件和js文件。运行时,首先会加载所有的css、js文件,所以首次加载速度会有点慢,之后的页面切换仅是一种append/remove的增删或者show/hide的显隐控制,因此页面切换速度快、页面间切换流畅。除此之外,页面之间数据传递方便、转场动画可以很炫酷原创 2022-05-19 09:44:11 · 3591 阅读 · 1 评论 -
运行vue-admin-beautiful时报错及处理
1、开源项目地址vue-admin-beautiful通用型跨平台集成框架,企业级中后台解决方案,可免费商用,同时支持PC、平板、手机。vue-admin-beautiful通用型跨平台集成框架 - DCloud 插件市场 企业级中后台解决方案,可免费商用,同时支持PC、平板、手机,vue3.0版本已开源见github分支https://ext.dcloud.net.cn/plugin?id=1476欢迎使用vue-admin-better(免费商用),github开源地址:GitHub ...原创 2022-05-09 17:29:35 · 1626 阅读 · 3 评论 -
Vue.set解决Vant中 输入框(Field)组件,动态渲染时获取不到输入值的问题
根据配置文件,自动生成Field组件时,由于Field组件是自动生成的,所以Field组件的v-model也是根据配置文件生成的,使用的是对象的键值。在输入框内输入值后,光标离开输入框,输入框立马变为空,然而监听却发现输入框的值其实已经是你输入的值了,只是输入框中不显示。解决办法:初始化v-model使用的对象时,使用Vue.set给对象赋值。Vue.set(对象,对象的键, 对象的值);...原创 2021-12-02 14:10:14 · 3545 阅读 · 0 评论 -
vue 导出word文档,支持表格和图片
一、导入包npm install docxtemplaternpm install pizzipnpm install jszipnpm install jszip-utilsnpm install file-savernpm install docxtemplater-image-module-freenpm install angular-expressionsnpm install image-size二、图片路径转base64的方法/** * 将图片的url路径转为b原创 2021-09-17 14:32:29 · 3694 阅读 · 22 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(四-三)
一、vue-cli项目中使用高德地图webJS API1、在public文件夹下的index.html文件中引用高德地图webJS API<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=你的key"></script>2、在vue.config.js文件夹中,配置Amap包// vue.config.jsmodule.exports = {原创 2020-07-08 13:49:58 · 1530 阅读 · 0 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(四-二)
十五、关于如何局部覆盖element-ui的默认样式在需要更改的组件里新增一个style标签【重点:不要加scoped】,然后直接获取class设置样式就可以了,class自己去浏览器里右键审查元素可得到。在获取到的样式里加上能限制范围的父层选择器,不然就变成全局样式了。scoped的作用:参考《如何局部覆盖element-ui的默认样式》vue中的scoped属性的效果主要通过PostCSS转译实现。PostCSS给一个组件中的所有dom添加了一个独一无二的动态属性,然后,给CSS选择原创 2020-05-13 11:04:38 · 811 阅读 · 0 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(四)
第四步:学习并记录一些小知识每走一步都会发现很多知识点不清楚不了解,为了避免再次遗忘,我打算全部记录下来。一、import文件时@和.的用法和区别导入文件时引用的是相对路径。vue中,@ 等价于 src这个目录,@/指src/,可以参考文章《Vue中import引入模块路径时的@符号》;但是在HbuilderX中,@被重定义了,@/ 指 根目录/;./指当前目录,../指...原创 2020-05-08 16:41:49 · 2577 阅读 · 0 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(三)
第三步:学习并安装一些基本的插件工欲善其事,必先利其器,在写代码之前,很有必要学习并安装一些有用的插件,让开发更加简单顺畅。一、学习并安装pubsub-js1、pubsub-js有什么用?某些时候(比如中小型项目中)可以取代笨重的vuex,用于组件间通信。PubSubJS不依赖于任何库和不限于任一框架。不管是父子之间还是非父子之间通信PubSubJS都可以实现。2、pu...原创 2020-05-06 15:46:39 · 1097 阅读 · 0 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(二)
第二步:使用element-ui和vue-router一、安装element-uiElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设计资源,帮助你的网站快速成型。element-ui是饿了么前端团队推出的一款基于Vue.js 2.0的桌面端UI框架,手机端有对应框架是Mint UI(没有使用过)。选中当前vue-cli-demo项...原创 2020-05-06 10:52:56 · 2614 阅读 · 0 评论 -
使用HBuilderX-普通项目之vue-cli默认项目开发前端(一)
第一步:新建一个vue-cli-demo项目一、vue-cli-demo项目目录简介1、node_modules 这个目录存放的是项目的所有依赖,即 npm install 命令下载下来的文件。2、public这个目录也许可以顾名思义?3、src 这个目录下存放项目的源码,即开发者写的代码放在这里。4、assets 目录用来存放属于该项目的资源文件,里面的文件会被webpa...原创 2020-05-06 09:47:30 · 6560 阅读 · 0 评论