vue

vue-cli安装

1、安装node.js2、自定义空文件夹,名字随便3、打开文件夹,cmd运行4、全局安装vue-cli:输入npminstall--globalvue-cli,或cnpminstall--globalvue-cli5、创建一个基于webpack模板的新项目:vueinitwebpackmy-project,( ...
代码星球·2021-02-20

vue build,本地正常访问,服务器上,网页一刷新是404,解决办法

服务器报错如下图:此原因,是服务器配置的原因,跟build代码本身无关以ftp为例,在/etc/nginx/conf.d文件夹下,找到xxx.conf,修改成自己需要的路径即可位置如下两张图:  ...

vue-cli,build 后,报错的解决办法

报错如下图:或:解决办法:config/index.js中,找到build{ assetsPublicPath:'/' },将其设置为:assetsPublicPath:'./'即可。 ...

vue eslint报错解决办法

若提示入下图时,在build/webpack.base.conf.js中,找到//constcreateLintingRule=()=>({//test:/.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[resolve('src'),...

vue组件引入失败原因之一

引入组件的时候,路径问题引入当前文件夹的另外一个文件:importZiZuJianOnefrom'ZiZuJianOne.vue',提示:加上:“./”让把路径变成:importZiZuJianOnefrom'./ZiZuJianOne.vue'即可。...

vue动态修改title

1、项目中,cmd下,运行:cnpminstallvue-wechat-title--save2、在main.js中,设置:importVueWechatTitlefrom'vue-wechat-title'; Vue.use(VueWechatTitle)3、在router/index.js中,设置:{  ...
代码星球·2021-02-20

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

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

vue打包完样式冲突

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

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