vue_study
文章平均质量分 63
慢慢来的小邵
要很努力才可以哦
展开
-
flex布局一些常用属性
目录一、父盒子常设置的属性1.设置display:flex2.设置主轴flex-direction3.设置主轴内元素的排列格式:justify-content4.元素在一行上摆不开flex-wrap5.设置侧轴元素的排列方式(适合单行元素的情况)---设置盒子在水平居中,并且侧轴居中;align-items6.设置侧轴上子元素的排列方式(多行)align-content7.flex-direction与flex-wrap可以用一个属性同时表示flex-flow flex-flow:column wrap二、原创 2021-11-21 14:47:26 · 518 阅读 · 0 评论 -
vue实现点击链接,网页标题显示自定义内容
想要实现的效果router文件夹下的index.js的写法:import Vue from 'vue'import Router from 'vue-router'// import HelloWorld from '@/components/demo1'import home from '@/components/home'import about from '@/components/about'import user from '@/components/user'import ho原创 2021-11-20 13:36:54 · 1154 阅读 · 0 评论 -
vue-router-参数传递
例子:从App.vue跳转到user.vue,并且App.vue传参数给user.vue1.配置动态路由跳转页在index.js里的路径为:{ path: '/user/:userId', name: 'user', component: user }其中:userId相当于动态占位符在当前页app.vue中配置跳转路径<router-link v-bind:to="'/user/'+userId">user</router原创 2021-11-19 20:54:06 · 546 阅读 · 0 评论 -
echarts图表的一些通用配置
画图步骤目前只是在vscode中通过html看效果,稍后会通过vue来实现1.首先在echarts官网下载echarts.min.js2.在html中导入echarts3.为图表声明一个空间4.根据div的id声明一个图表5.为图表配置x,y轴以及相关数据(主要的有xAxis,yAxis,series)相关代码<!DOCTYPE html><html> <head> <meta chartset='UTF-8'>原创 2021-11-14 19:45:45 · 546 阅读 · 0 评论 -
(6)v-if ;v-else-if ;v-else的实例
v-if ;v-else-if ;v-else通过分数展示分数等级的案例。<!DOCTYPE html><html> <body> <div id="app"> <!-- 第一种传统方式 --> <!-- <h2 v-if="score>=90">优秀</h2> <h2 v-else-if="score>=80">良好</h2>原创 2021-08-01 18:56:00 · 245 阅读 · 0 评论 -
(4)v-on参数问题
<!DOCTYPE html><html> <body> <div id="app"> <!-- 没有参数是否带括号都行 --> <button @click="btnclick()">按钮1(无参,带括号)</button> <button @click="btnclick">按钮2(无参,不带括号)</button> <b原创 2021-07-31 23:27:36 · 85 阅读 · 0 评论 -
(3)块级作用域let和var
实现五个按钮,点击事件,输出哪个按钮被点击了;<!DOCTYPE html><html> <body> <div id="app"> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <原创 2021-07-31 22:29:02 · 96 阅读 · 0 评论