![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
热爱代码的葫芦娃
这个作者很懒,什么都没留下…
展开
-
springBoot + vue前后端分离项目部署到服务器
一、npm run build将前端打包成静态文件(会在dist目录下生成static文件夹以及index.html文件)上图为:config目录index.js配置的build以及dev命令,如果你没找到static文件夹及index.html,到这里看一下你的路径是否配置的是dist路径;二、在springboot项目,resources目录下,将打包好的静态文件夹及index.html...原创 2019-11-27 17:56:47 · 9867 阅读 · 1 评论 -
Vue + ElementUI 实现一个动态添加元素的小例子
实现一个动态添加元素的小例子这样效果实现的思路是,让这个动态加载元素绑定一个数组,通过修改数组中的元素来实现动态的添加元素效果:好了主要的前端代码如下:<el-form :model="conforderform" ref="conforderform" label-width="100px" class="demo-ruleForm"> <el-form-item...原创 2019-11-27 16:04:00 · 9083 阅读 · 2 评论 -
Vue中引用公共方法和公共组件
一、Vue中引用公共方法1.在src新建common文件夹,再新建common.jsexport default({ formatInt:function(num, length) { return (Array(length).join('0') + num).slice(-length); }});2.main.js引入://引入公共方法import common...原创 2019-11-26 18:12:57 · 4595 阅读 · 0 评论 -
vue屏幕自适应
让页面能适应不同分辨率的电脑或手机。先安装:npm install lib-flexible --savenpm install px2rem-loader --save-dev安装完成以后在main.js引入import 'lib-flexible'在 vue-cli 生成的 webpack 配置中,vue-loader 的 options 和其他样式文件 loader 最终是...原创 2019-11-25 15:54:25 · 5129 阅读 · 3 评论 -
vue-cli项目在手机上访问
想要通过手机访问自己电脑上运行的vue项目,首先有个条件是处于同一个 局域网。然后把 host 换成 “0.0.0.0”重启项目:这个时候就大功告成了。电脑本机通过 http://0.0.0.0:8000 是访问不到项目的,需要通过 http://localhost:8000 去访问,然而手机只要和电脑处于同一局域网,即可通过 电脑ip:端口号访问。如:http://192.168....原创 2019-11-25 14:55:01 · 1577 阅读 · 0 评论 -
vue+Element实现tree树形数据展示(将数据封装成树形数据)
element组件官网:https://element.eleme.cn/#/zh-CN/component/cascaderhtml:<div class="block"> <span class="demonstration">单选选择任意一级选项</span> <el-cascader :options="...原创 2019-11-20 19:21:00 · 5799 阅读 · 0 评论 -
vue左侧导航栏
1.在element官网找到模板:2.添加和@click=“toPage(’/helloworld’)”,如下:<div id="login"> <el-row class="tac"> <el-col :span="4"> <h5>我的系统</h5> <el-menu ...原创 2019-11-15 19:48:31 · 3325 阅读 · 2 评论 -
vuel利用sessionStorage实现拦截功能
在router——>index.js文件中:先加入meta: {requireAuth: true,}:{ path: '/', name: 'Login', component: Login, meta: { requireAuth: true, }},再添加:const VueRouter...原创 2019-11-15 16:41:48 · 509 阅读 · 0 评论 -
Vue+element 实现表格的增加行、删除行的功能
功能需求:1、实现一个表格,可以增加行 ,可以修改每一行的数据;2、获取选中的行的数据,获取选中行的索引;3、根据获取的行的索引删除相应的一行的数据。tableData的数据可以从后台获取。效果:代码实现: <template> <div class="tableDate"> <div class="b...原创 2019-08-26 16:58:07 · 20506 阅读 · 6 评论 -
vue框架中echart的使用
今天讲下echart的使用:先看效果:上代码:import echarts from 'echarts';self._$axios.get(process.env.BASE_URL+'/resume/queryResumeDataByStatus').then((res) => { if(res.code=='200'){ var ld_l...原创 2019-08-15 10:15:22 · 832 阅读 · 0 评论 -
vue-fullcalendar 用法详解 (vue 2.0的日历插件)
**在这里介绍下vue框架中,vue-fullcalendar插件的使用详情请看原文转载 2019-08-15 09:02:03 · 8445 阅读 · 3 评论 -
vue下拉列表去重
今天讲下怎么给下拉框的值去重复<el-select v-model="postData" style="width:220px;" multiple collapse-tags placeholder="请选择岗位"> <el-option v-for="item in postOptions" :label="item....原创 2019-08-19 12:45:49 · 4069 阅读 · 3 评论 -
el-select报错:Error in event handler for "handleOptionClick": "TypeError: value.push is not a function
<el-select v-model="branchData" style="width:180px;" placeholder="请选择分公司" @change='selectChange' multiple collapse-tags> <el-option v-for="item in options" :label=...原创 2019-08-19 10:37:22 · 13752 阅读 · 3 评论