- 博客(32)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue--有关于嵌套路由的事情（三）
上面的（二）文章是针对一个页面来说的单个路径，如果碰见了多层嵌套组成的一个页面的情况下，我们就可以在一个页面下控制不同的组件的变化了切换页面的效果可以是嵌套路由来实现，首先在上一个App.vue页面中的最顶层的路由出口是<router-view></router-view>通过组件渲染的方式实现调控的整体的页面，也就是用来渲染最高级路由匹配到的组件。那么嵌套路由也是同样可以用这个来进行渲染新的组件的，但是不是根组件的出口，是在这个最高级路由匹配到的组件中嵌套一个新的次级出口
2020-05-19 10:38:52
428
原创 vue--创建组件配置路由（二）
有关于组件和路由：组件是我们根据需求封装出来的HTML页面 路由是一个项目中的枢纽，调配我们创建的各个组件，让不同的页面可以进行切换模块化组件 就是把多个功能拆分成一个一个的vue文件，让他们自己有一定的独立性使用组件 -> 先注册组件template -> 编写组件组件模块化之后创建的组件都只需要挂载到App.vue中我们要做的是在template标签集中编写文件。在component/common 的文件夹下创建 Home.vue文件写一下home.vue的页面
2020-05-19 10:17:23
1235
原创 vue项目--认识一下vue-cli的目录情况（一）
有关于vue-cli的介绍：vue-cli是一个基于vue.js进行快速开发的工具，是可以通过@vue-cli来搭建交互式的项目脚手架cli： @vue/cli，需要安装全局的npm包给我们提供vue的命令，可以帮助我们快速的创建Vue项目的需求。cli服务：@vue/cli-serve ，是开发环境的一来，是一个局部安装在@vue-cli创建的项目中的npm包，npm包安装了一个名字为vue-cli-service的命令，我们可以再创建爱你项目之后的package.json文件中找到对应的sc
2020-05-18 17:19:35
285
原创 使用$.each(obj,function(index,value)方法遍历对象输出到页面中
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 这里是result框框 <div id="result"> </div> ...
2020-05-06 14:58:20
1221
转载 例如一个输入输入框，在用户连续输入完之后才触发返回当前输入值，输入过程中不触发。
//// $('#element').donetyping(callback[, timeout=1000])// Fires callback when a user has finished typing. This is determined by the time elapsed// since the last keystroke and timeout parameter or ...
2020-05-06 11:41:37
346
原创 如何在css里面引用ttf的字体？
1.找到网站下载自己需要的字体：比如：在这里选择字体我选择的是：叶根友行书繁体下载2.从下载压缩包中复制xindexingcao57.tff文件复制到自己的web项目中的fonts文件夹3.添加css文件 @font-face { font-family:wending; src:url("fonts/xindexingcao57.ttf"); } .h1{...
2020-04-30 18:04:25
8051
原创 对多选框进行操作，输出选中的多选框的个数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作多选框，输出选中的多选框的个数</title> </head> <body> <input type="checkbox" name="check" id=...
2020-04-26 16:29:50
916
1
原创 Jquery对象和DOM对象的相互转换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="checkbox" id='xieyi'><label for="xi...
2020-04-26 14:37:54
371
原创 javascript下拉选项卡点击显示和隐藏
HTML：<div class="menu"> <ul> <li class="list"> <a href="#3">衬衫</a> <ul> <li><a href="#a">短袖衬衫</a></li> <li><a h...
2020-04-26 13:59:24
538
转载 vue+elementui table 改变当前的行样式
在cue+elementui的table中 ，如果table的某个列的字体样式是正常或者其他，就给他改称为字体样式为红色的或者其他 ，就是改变样式 用 v-if else的办法就可以<template> <el-main> <el-table :data="tableData" @cuechange="handle" ...
2020-01-15 10:16:31
2792
原创 在vue页面中通过axios获取本地static文件夹下的json文件
在vuejs页面中通过axios获取本地static文件夹下的json文件vue cli3.0访问本地JSON文件在vue-cli3中使用axios获取本地json我最终采用了这个办法：element-ui table 页面加载时，动态渲染后台传过来的数据（springmvc）甚至有可能会出现这个bugTypeError: props.sections.reduce is not a ...
2020-01-03 14:59:17
3487
转载 有关于gitLab的mq（merge request）需求
1、现在本地用创建一个本地分支，比如叫xx_branch。2、改动xx_branch你需要改动的代码。3、进入你的项目根目录下，运行如下命令，将xx_branch推到远程分支。git add .git commit -a -m ‘xxxxx’git push origin xx_branch4、push好了之后控制台会有个推送链接可以在那里打开，然后在gitlab上面操作，进入xx项目...
2020-01-03 08:45:57
512
原创 vue+echarts实现窗口改变自动刷新
可以参考这里<template> <div > <el-row style="height:40px;border-bottom: 1px dashed #4F6F92;margin-right: 0px;"> <span style="float: left; color: #4F6F92;margin-left:10px;he...
2020-01-02 09:02:44
1796
原创 vue-cli+echarts接入接口
接口路径src/api/index.jsexport function cockpit_pitsystem() { return axios({method: 'get', url: 'XXXX/XXXXXXXX/XXXXXXXXX/'})}echarts代码部分 <div id="myddst" style="width:397px;height: 430px;">...
2019-12-25 17:02:46
822
原创 vue+elementui+table加上滚动条
<el-card> <el-scrollbar style="height:100%;width: 1540px"> <!-- 滚动条 --> <!-- 注意需要给 el-scrollbar 设置高度，判断是否滚动是看它的height判断的 --> <el-row style=...
2019-12-19 14:46:41
11182
原创 vue-li+axios+elementui+table接口接入
1.需要在工程目录中src =>api 建立一个index.js文件，里面主要是放接口的路径url//api/index.jsexport function getBudgetstatisticsList() { return axios({ method: 'get', url: '/mis/XXXXXX/XXXX.jsonlist' })}这模块本身就...
2019-12-18 13:35:45
829
原创 vue+elementui+echarts饼状图内部显示百分比
<!--饼状图--> <div id="main" style="width: 400px;height: 350px;"></div> import echarts from 'echarts' export default { name: '', data () { ...
2019-12-05 16:20:21
4340
原创 Echarts——vue——elementui
1.饼状图间隙效果： series: [{itemStyle:{ normal: { borderWidth: 5, borderColor: '#EBEEF3', }}} ]颜色可以设置成和背景一样的颜色，生出来有间隙的效果效果图：2.仪表盘的改变颜色：效果图：3.饼状图效果图：...
2019-11-15 11:21:50
265
转载 elementui form表单怎么让标题居右
通过 label-position 属性来改变表单域或标签的位置，可选的值有 top/left/right ，默认的是 right ，lable-position 必须要和 label-width（表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值） 共同使用，才会生效。这是链接...
2019-11-14 10:45:53
7768
转载 完美解决http-server 不是内部或外部命令
安装node并且在使用webpack项目的时候也通过npm install http-server --save-dev进行尝试http-server,始终显示不是内部或外部命令，此时你只需要输入一个命令全局安装npm install http-server -g转载from此链接~~...
2019-11-07 14:59:18
2241
1
原创 小白前端--mui引入拖动页面失效？
适合解决的问题：移动端界面除了标题栏和底部菜单栏之外，中间的界面内容如果过多不会出现滚动条，我现在要解决的问题就是怎么样能让页面灵活滚动，能够拖动页面显示剩下的内容部分，下面是有效的代码部分<!doctype html><html> <head> <meta charset="utf-8"> <title></tit...
2019-10-10 14:41:26
222
原创 让别人能访问到--npm 安装http-server
因为自己做的是静态的项目 就是没有连上后端如果别人想访问到我的项目就是需要用npm来启动 http server命令行是全局安装http-servernpm install http-server -g然后打开自己的项目管理器，切到当前的项目，用cmd打开运行命令行http-server后面会显示端口号但是需要自己测试第一个网址 ，发现如果是但是在命令行中却有日志那么...
2019-09-23 10:34:02
1383
原创 小白七七vue--版本bug之internal/modules/cjs/loader.js:775；
C:\Users\lenovo>"node" "C:\Users\lenovo\AppData\Roaming\npm\\node_modules\vue-cli\bin\vue" -Vinternal/modules/cjs/loader.js:775 throw err; ^Error: Cannot find module 'C:\Users\lenovo\Ap...
2019-08-30 09:53:55
5607
原创 小白七七之vue-cli简单的路由跳转
1.通过连接建立俩个页面，先建立首页面first.vue<template> <div> <router-link >出发到a页面</router-link> <router-link>出发到b页面</router-link> </div></template>设立好两个...
2019-08-29 15:03:09
197
转载 小白vue--引入elementUI组件
搭建好vue之后引入elementUI组件https://www.jb51.net/article/123032.htm?utm_medium=referral脚本之家参考步骤
2019-08-28 18:22:26
124
原创 小白vue--常见的问题之格式Expected indentation
修改办法打开这个项目的build文件夹，然后翻开webpack.base.conf.js文件找到module的部分然后重新启动ok
2019-08-28 18:10:48
1549
转载 vue新手实战项目--vue-cli的结构分布
了解一下vue-cli项目结构分布文件结构部分1.build文件：是webpack的配置，当我们开始输入npm run dev想要启动项目的时候，首先启动的就是dev-server.js，它主要就是检查node 、npm版本，架子啊配置文件，启动服务2.config–vue的项目配置config文件主要是项目的相关配置。常用的就是当端口冲突的时候，配置监听端口，打包输出路径和命名等...
2019-08-27 10:49:14
302
转载 vue新手实战项目--搭建vue项目
1.构建新项目在终端中运行cd命令。切换到自己想保存的文件夹目录下，首先命令cmd进入到这个文件夹。2.接着执行下面命令：vue init webpack 自己起的项目名（webpack就是前端资源管理和打包的这么一个作用，是现代js应用程序的静态模块打包器）以vue为功能的初始化操作，打包一个自己的新项目3.构建完成会发现多出来文件夹，进入文件夹可以发现再返回来看到cm...
2019-08-27 09:25:17
588
原创 小白关于git的远程仓库了解
1.可以用自己的邮箱号码作为github账号，然后登陆github，可以先检查自己电脑的用户主目录下面是否有.ssh目录，如果没有就自己创建一个，利用git Bash命令行窗口输入命令：ssh-keygen -t rsa -c "你的邮箱账号"helloworld_rsa是私人秘钥，不可以泄露，helloworld.pub是公钥，是可以和大家分享的2.登陆github，打开头像的set...
2019-08-26 19:59:58
174
原创 关于GIT的了解（一）
集中式版本和分布式版本控制系统的区别集中式版本控制系统，版本库是集中存放在中央服务器的，中央服务器就是图书馆，然后你要改一本书，需要从图书馆中借出来，然后带回家改正，改完之后放回图书馆。缺点：必须联网才可以工作，网速慢的话会很久才可以提交成功，一旦中央服务器坏掉所有人都不能够干活了分布式版本控制系统，没有中央服务器，每一个人的电脑都是一个完整的版本库，工作的时候不需要联网，自己和他人更改文件...
2019-08-26 15:04:46
139
空空如也
mui+ipad横竖屏适配问题
2019-09-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人