#vue

vue-cli打包后,图片路径不对

在config文件夹下的index.js里面,查找build,在builid方法里面,添加一行:assetsPublicPath:'./'例: 在build文件夹下的utils.js里面,查找options.extract,添加一行publicPath:'../../'例:  ...

vue打包完样式冲突

在页面的<style>后,加上scoped,例:scoped是实现样式的私有化,使样式不容易被覆盖,不容易被修改,只对当前页面有效...
代码星球 ·2021-02-20

webstorm如何调试vue项目的js

webstormvuewebstorm调试jsjs1.编辑调试配置,新建JavaScript调试配置,并设置要访问的url地址,如下图所示:在URL处填写示例:http://localhost:8080保存好调试配置2.先用dev正常启动项目,然后切换到刚才设置的js调试名称,点击debug按钮,这时候会打开chrom...

Vue编写的todolist小例子

Vue编写的todolist小例子本篇博客主要包含一个内容:1.第一个内容:使用Vue编写todolist例子,包含的主要知识是v-model,v-for,el表达式,以及Vue中使用methods。闲话少叙,直奔主题。1.第一个内容使用input中的v-model绑定data中的inputValue,然后button...
代码星球 ·2021-02-20

vue 元素吸顶

我的比较简单,就单纯的导航元素吸顶,核心代码如下:.isFixed {  position: fixed;  background-color: #fff;  top: 0px;  width:&nb...
代码星球 ·2021-02-19

vue 图片放大和缩小的方式

文档:https://www.npmjs.com/package/vue-directive-image-previewer  1、安装命令如下:npminstallvue-directive-image-previewer-D2、引入main.jsimport VueDirectiveI...

vue 纯前端导出Excel

我用的是组件js-export-excel,是一个纯js导出excel的方式,下面介绍如何使用npminstalljs-export-exceloryarnaddjs-export-excelconstExportJsonExcel=require("js-export-excel");orimportExportJs...
代码星球 ·2021-02-19

Vue 打包下载

1、通过文件的url下载arraybuffer对象2、将arraybuffer对象转为blob3、将blob压缩为zipcnpminstall--savefile-saverjszip或者npminstalljszipnpminstallfile-saver packdownload.js文件内容:impor...
代码星球 ·2021-02-19

Vue项目部署在IIS

发布vue项目,生成dist文件夹   打开iis服务器后选中【网站】后右击选【添加网站】,物理路径指向发布生成的dist文件夹到此项目就部署好了,点击右侧浏览即可打开网站  你以为部署完成就可以了,遇到的问题才刚开始   没错,开发环境下...
代码星球 ·2021-02-19

vue router 中 mode和base

mode:historylocalhost:8080/user/listmode:hashlocalhost:8080/#/user/list二、base默认值:“/”,应用的基路径。例如,如果整个单页应用服务在/app/下,然后base就应该设为“/app/”...
代码星球 ·2021-02-19

Vue中使用cdn加载资源

搭建vue的时候,一般都使用vue官方推荐的命令行工具。需要打包的时候,默认会把所有代码合并生产新文件,其中包括各种库,就会导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是...

Vue项目基础框架介绍

一、vue项目结构图1、build目录是一些webpack的文件,包括运行开发环境,项目打包等配置文件2、config是vue项目的基本配置文件,webpack和node基础,开发、线上环境的配置3、dist是webpack打包后生成的静态文件目录4、node_modules是项目依赖的JS包5、src项目根目录,源码...

无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

一、问题描述  创建Vue项目vueinitwebpackdemo提示“无法将“vue”项识别为cmdlet、函数、脚本文件或可运行程序的名称”二、解决方法1、首先确认是否安装了脚手架vue-cli,没有的话,先进行安装npminstallvue-cli-g2、使用命令npmconfiggetprefix获取相关目录&...

vue : 无法加载文件 C:UsersxxxAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本

  使用命令npminstallvue-cli-g安装脚手架之后,创建Vue项目vueinitwebpackdemo提示“无法加载文件C:UsersxxxAppDataRoamingpmvue.ps1,因为在此系统上禁止运行脚本”二、解决方法  使用管理员权限打开Windowspowershell 执行命令:...

VSCode搭建简单的Vue前端项目

开发之前,请先熟悉下面的4个文档vue.js,优秀的JS框架vue-router,vue.js配套路由vuex,vue.js应用状态管理库AntDesign,蚂蚁金服提供的组件库NodeJS(npm)VisualStudioCode(前端IDE)下载地址: 官网下载地址VisualStudioCode是一款非...
首页上一页...89101112...下一页尾页