笔记
文章平均质量分 50
小新_020
这个作者很懒,什么都没留下…
展开
-
vue路由传参的几种基本方式
1、动态路由(页面刷新数据不丢失)methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, })}//路由配置{ path: '/particulars/:id', name: 'particulars', component: particulars }原创 2021-04-26 18:41:40 · 125 阅读 · 0 评论 -
VUE值$refs的使用
ref介绍ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向该子组件实例通俗的讲,ref特性就是为元素或子组件赋予一个ID引用,通过this.$refs.refName来访问元素或子组件的实例。<p ref="p">Hello</p><children ref="children"></children>this.$re原创 2021-04-19 19:12:43 · 599 阅读 · 0 评论 -
css之Flex 布局
什么是Flexflex模型是CSS3引入的新的布局模型,是flexible box的缩写,一般称之为弹性盒模型。和CSS3其他属性不一样,flexbox并不是一个属性,而是一个模块,包括多个CSS3属性。flex布局提供一种更加有效的方式来进行容器内的项目布局,以适应各种类型的显示设备和各种尺寸的屏幕。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}注原创 2021-03-20 18:23:31 · 287 阅读 · 1 评论 -
vue3.0学习(1)
虽然工作中使用的都是vue2.0但是为了以后的工作还是看了一些vue3.0。setup() 函数setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Composition API 新特性提供了统一的入口。setup 函数会在 beforeCreate 之后、created 之前执行。1.setup是一个新的组件选项,也是其他API的入口。也就是说,你所有的操作都将在setup函数内部定义和执行, Vue3.0也将用函数代替Vue2.x的类也就是new Vue()原创 2021-03-15 14:49:17 · 163 阅读 · 1 评论 -
js之DOM的节点操作
什么是节点操作页面中的所有内容都是节点(标签、属性、文本、注释等),在dom中,节点使用node来表示。HTML DOM树中的所有节点均可通过javaScript进行访问,所以HTML元素(节点)均可被修改,也可以创建或删除。一般的,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。元素节点 nodeType为1属性节点 nodeType为2文本节点 nodeType为3(文本节点包含文字、空格、换行等)我们在实际开发中,节点操原创 2021-02-26 16:53:57 · 189 阅读 · 1 评论 -
事件三要素
事件基础js使我们有能力创建动态页面,而事件是可以被js侦测到的行为简单理为:触发–响应机制事件是由三部分组成 事件源 时间类型 事件处理程序 我们也称为事件三要素执行事件的步骤点击div控制台输出 我被选中1.获取事件源 2.绑定事件 注册事件<script>//点击按钮弹出对话框 //事件是由三部分组成 事件源 时间类型 事件处理程序 我们也称为事件三要素 //1. 事件源 事件被触发的对象 谁? 按钮 var btn = do原创 2021-01-30 18:58:50 · 1378 阅读 · 1 评论 -
element-ui之DateTimePicker 日期时间选择器
遇到一个需求,需要两个日期时间选择器,之间进行交互。起始日期:当前系统日期之前的日期不能选择。结束日期:大于起始时间,且结束之前的日期可选。限制某一时段无法选择引入DateTimePicker 日期时间选择器 <el-date-picker v-model="start_time" type="datetime" placeholder="选择起始日期" :picker-options="start_Date" format="yy原创 2021-01-16 21:33:49 · 3055 阅读 · 0 评论 -
element-ui之Checkbox 多选框
需求:下载功能要展示所有的下载字段,用户根据需要使用多选框选中后提交,并完成下载。这里 我使用了element-ui的Checkbox 多选框1.引用Checkbox 多选框<el-checkbox-group sortable="cistom"> <el-checkbox v-for="tag in downloadDisplay" //遍历展示下载字段 :label="tag.id" :key="tag.id"原创 2021-01-16 18:39:59 · 3962 阅读 · 0 评论 -
vue学习——分享最近写的一些调用接口的方法
工作了一段时间,用vue写了一些方法这里总结一下:1、删除的方法 //批量删除 batchDeleted() { let _self = this; //获取选中表格行 let selectData = _self.$refs.multipleTable.selection; //判断是否选上 if (!selectData || selectData.length < 1) { _self.$message.er原创 2020-12-27 22:13:06 · 533 阅读 · 1 评论 -
vue+element-ui实现demo
1、什么是element-uielement-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库,而手机端有对应框架是 Mint UI 。整个ui风格简约,很实用,同时也极大的提高了开发者的效率,是一个非常受欢迎的组件库。2、使用前的准备1、安装webpack 命令:cnpm install webpack -g2、安装vue/vue-cli 命令cnpm install vue vue-cli -g3、初始化vue原创 2020-12-21 10:16:41 · 7274 阅读 · 2 评论 -
Vue的生命周期
生命周期介绍Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。简单说就是一个组件从开始到最后消亡所经历的各种状态,就是一个组件的生命周期。vue生命周期有什么作用它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。beforeCreate(创建前)介绍:实例初始化之后,组件被创建时,这时候 el,data,message 都是 underfined原创 2020-12-13 21:52:37 · 257 阅读 · 1 评论 -
Vue学习之vue-router
一、什么是vue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。二、vue-router的使用方式1:下载 npm i vue-router -S这一步在我们在创建v原创 2020-12-06 16:24:02 · 410 阅读 · 3 评论 -
axios基础
什么是axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。axios的特性特性:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFaxiso的安装使用 npm: npm install axios使用 bower: bower install axios使用 cd原创 2020-11-29 22:34:14 · 196 阅读 · 2 评论 -
vue基础之vue的常用指令
1.vue指令的使用前提el挂载点作用:el是用来设置Vue实例挂载(管理)的元素几个疑问:Vue实例的作用范围是什么呢?Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的选择器?可以,但是实际开发时选择id选择器是否可以设置其他的dom元素?可以,但是只能支持双标签(闭合标签),而且还不能使用在HTML和body上{{message}} <h1 id="app" class="app"> {{message}}原创 2020-11-29 22:23:58 · 450 阅读 · 2 评论 -
创建一个vue项目
什么是vuevue就是一个js库,并且无依赖别的js库,跟jquery差不多。vue的核心库只关注视图层,非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。下面开始创建一个vue项目第一步npm的安装在https://nodejs.org/en/download/网站中下载,下载后(傻瓜式)安装安装界面(一直点Next即可)安装完场后 打开控制命令程序 输入 “cmd”。进入界面输入“node -v”和“npm -v”检查原创 2020-11-21 22:40:05 · 198 阅读 · 1 评论 -
javascript的基础学习
JavaScript书写位置写在行内<input type="button" value="按钮" onclick="alert('Hello World')" />写在script标签中:由包含的代码就是JavaScript代码,他将直接被浏览器执行。<script>alert('Hello,world!');</script>写入外部js文件中,在页面引入。把代码放在单独的文件中更有利于维护代码,并且多个页面可以引用同一个js文件。<scri原创 2020-11-13 21:10:24 · 113 阅读 · 0 评论