前端
关注
分享
扫一扫
大油头儿
算法学习日常
展开
-
Vuex传值
使用Vuex传值原创 2024-03-29 16:28:36 · 289 阅读 · 1 评论 -
Vue-父传子
Vue 数据传递，父传子原创 2024-03-29 16:06:51 · 436 阅读 · 2 评论 -
Vue页面权限划分
Vue 根据不同的角色，展示不同的界面原创 2024-03-23 12:08:48 · 292 阅读 · 0 评论 -
Vue中使用element-ui使用表单提交时间
element-ui的源码：<el-form-item prop="date2"> <el-time-picker type="datetimerange" :default-time="['12:00:00']" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="选择时间" v-model="ruleForm.date2" style="width: 100%;"> </el-t原创 2021-06-24 12:52:08 · 1039 阅读 · 0 评论 -
Vue的created的使用示例
Vue函数执行之后调用另一个函数在钩子函数created中我们需要执行定义好的select_book函数，来执行笔记本的查询，在页面信息展示之前将数据更新。// 查询笔记本 select_book(){ this.user_id = sessionStorage.user_id this.$axios({ url: this.$settings.HOST + "note/option_note_book/",原创 2021-06-24 11:47:19 · 3512 阅读 · 0 评论 -
Vue的页面跳转与刷新
Vue刷新页面在开发的过程中，有时候我们需要刷新整个页面。this.$router.go(0)Vue页面跳转例如，在用户登录成功之后跳转到系统首页。this.$router.push("/home")原创 2021-06-24 11:37:02 · 1778 阅读 · 0 评论 -
前端页面的居中问题
垂直居中1、设置子块元素的line-height的高度为父元素的高度就可以2、如果子元素为行内元素，可以将子元素display设置为block水平居中直接设置 text-align: center; /*决定行内元素 实现文字的水平居中*/设置div的高度为100%div高度通常都是固定值，直接将div高度设为100%是无效的，那么如何设置才能有效呢？1、直接给div设置height：100%即可，无效的原因一定是父元素的高度为0，2、最常见的就是给body的直接元素设置heigh原创 2021-06-23 20:00:18 · 254 阅读 · 0 评论 -
Vue中axios、settings的封装配置
我们在使用Vue的axios发送异步请求时，可以对axios进行以下封装。// 配置axios,并且将axios注入到vue实例中。之后便可以直接使用$axios来发送请求// 以下代码为main.js中的代码import axios from "axios";Vue.prototype.$axios = axiossettings的封装1、在src文件下创建settings.js文件。export default { // http://127.0.0.1:8000/ //原创 2021-06-23 19:57:56 · 596 阅读 · 0 评论 -
Vue脚手架的创建以及简单配置
创建一个新的Vue脚手架1、在cmd中创建vue项目 进入到项目目录下，执行命令 vue init webpack edu_client (在指定的目录下创建vue项目edu_client)2、进入项目目录下，安装项目所需要的依赖 cd edu_client npm install (国内的网站，网速应该可以的)3、使用webstorm打开项目，在terminal中执行命令 npm install element-ui删掉不需要的文件（index.js main.js原创 2021-06-23 19:46:23 · 183 阅读 · 0 评论 -
background
设计网页的背景图片。在一个div元素中设置多个背景图像（并指定他们的位置）：body{ background: #00ff00 url('smiley.gif') no-repeat fixed center; }#00ff00 指定背景的颜色url('smiley.gif') 指定背景图片的相对路径no-repeat 指定背景图片不重复fixed 指定背景图片固定在页面的指定位置，不随页面的滚动而滚动center 指定图片的位置#原创 2021-06-23 19:30:58 · 96 阅读 · 0 评论 -
input-placeholder
input标签的placeholder属性的作用是：在用户输入前，做出相应的提示。<input name="uname" type="text" placeholder="用户名"> placeholder属性：在用户输入前提示用户原创 2021-06-23 19:26:08 · 861 阅读 · 0 评论 -
link的使用
link标签有两个作用。1、定义文档与外部资源的关系2、链接样式表link标签：在当前文档内引用外部的文档。link标签的rel属性用于设置对象和链接目的间的关系，说明从外部引入的是什么。CSS文件： 选择器 { font-size: 18px; color: blue; font-family: "宋体","SongTi"; }在html文件中可以使用<link>标签引入到head标签内。代码如下： <head> <link r.原创 2021-06-23 19:22:16 · 5293 阅读 · 0 评论