logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue单页面如何设置title

在Vue项目中,是一个单页面应用,也就是只有一个index.html,所有的页面内容都是在这个页面渲染的。那么就带来了一个问题,就是每一个页面的title如何设置。解决方案:不使用三方组件 通过在每一个组件的钩子函数,create,或者mouted函数,使用document.title='标题名字';mounted:function () {document.title='...

Echarts line折线图使用(vue)

最近,做一个设备的项目,要展示一个设备某一些参数的数据变化,用到了折线图,就参考一个博客和官网网站学习了一下。这个例子是折线图展示多个数据变化,效果如下:实现:1.安装需要使用的库npm install echarts --save2.在需要使用的Vue文件中进行引用。// vue文件中引入echarts工具let echarts = require('echa...

Vue npm run build打包显示空白页

在使用npm run build ,打包完毕之后,无论是本地打开index.html,还是访问服务器上的,都是空白页。此时,你会发现,css,js,一些资源路径都是404,问题在于:引用路径解决方案:重新配置config下的index.js中的assetsPublicPath,记得修改的是build下,因为这个是打包时 的配置assetsPublicPath属性作用是指定编译发...

Vue学习过程中的坑

1.在创建组件时报错Invalid value for option "components": expected an Object, but got Array在注册组件时,components:{},而非components:[],解决办法:components:{template}学习博客:https://blog.csdn.net/zhongg...

Mac安装Vue-cli时 提示bash: vue: command not found问题

在安装完Vue的脚爪,Vue-cli之后,发现使用Vue命令,无发现使用,其实是环境变量没有配置。解决方案:在.bash_profile中配置环境变量。1.使用命令行sudo npm install --global vue-cli2.复制要配置的环境变量的路径3.添加环境变量export PATH="$PATH:(复制的地址)",具体的使用方式可以看博客http...

Vue中设置 display:inline-block;有上下和左右缝隙解决

如果在元素上设置,display样式为inline-block,可能会产生左右的边距,和上下的边距,产生的结果如下图所示,示例代码:<html><head></head><style type="text/css">*{margin:0; padding:0;}.test{w...

vue 动态的修改元素样式

需要为元素配置ref属性<template><!-- 普通的HTML元素 --><div class="id_container" ref='id_container'><!-- element-ui框架的元素 --><el-button type='text' ref="elButton">el按钮</...

#css
vue-router重定向

在router下的index.js配置路由时,有时候,配置不同的路由,但是,希望跳转到同一个页面,这个时候就需要使用redirect进行重定向,这样,就可以跳转到同一个页面。普通的重定向(不需要传递任何的参数):export default new Router({routes: [{path: '/',name: 'HelloWorld',...

vue中.$mount('#app')手动挂载

在Vue构造函数时,需要配置一个el属性,如果没有没有el属性时,可以使用.$mount('#app')进行挂载。配置了el属性:new Vue({el:"#app",router});如果没有配置el属性,可以使用手动挂载$mount("#app")new Vue({router}).$mount('#app');var vm = new Vue({ro...

出现 npm WARN webpack-cli@3.1.2 requires a peer of webpack@^4.x.x but none is ins**

在Vue安装webpack时,遇见了上面的提示,可以安装一个较低的版本:npm install webpageck@3.0.0 -g如果提示有权限问题,可以使用 sudonpm install webpageck@3.0.0 -g学习博客:https://blog.csdn.net/weixin_43750031/article/details/84307507...

#webpack
    共 11 条
  • 1
  • 2
  • 请选择