博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  Vue

ant design同时获取下拉框值与文本(选择框)

摘要：<a-select v-model="form.synergy" placeholder="请选择协同单位" :label-in-value="true" @change="getselectValue" > <a-select-option v-for="(item,index) in deptL 阅读全文

posted @ 2022-03-16 11:45 yqphare 阅读(847) 评论(0) 推荐(0)

Vue-router中keep-alive的理解

摘要：Vue-router的API文档中对于keep-alive的介绍并不多，所以对于初学者来说，可能并不太理解什么是keep-alive、作用是什么，什么时候用，怎么用？所以，通过这篇文章，我为大家详细讲解一下这四个问题。如有错误，还请大家指正，谢谢！ 关于Vue中的keep-alive了解的还不是很多 阅读全文

posted @ 2022-03-16 11:18 yqphare 阅读(137) 评论(0) 推荐(1)

Vue项目中的接口调用

摘要：在企业开发过程中，往往有着明确的前后端的分工，前端负责接收、使用接口，后端负责编写、处理接口。 对于前端如何使用接口，今天在Vue中进行讲解。 一个项目往往由这几个部分组成。 其中在src文件夹中，，有这么些内容。 我们常常把接口文件，新建一个文件夹在src下，命名为api，api内的文件便是接口文 阅读全文

posted @ 2022-03-15 10:40 yqphare 阅读(14795) 评论(0) 推荐(1)

表单上传文件 nodejs express Vue （优化）

摘要：表单文件上传 之前发布过一篇文章是关于文件上传的，但是虽然可以实现，但是存在一些需要优化的地方，这次讲一讲。 还是先上代码： 后端nodejs+express： 在根目录下新建文件server.js var express = require('express'); var app = expres 阅读全文

posted @ 2022-03-03 08:50 yqphare 阅读(186) 评论(0) 推荐(0)

Vue开发项目彻底指南

摘要：关于Vue 的学习可以参考这篇博客！ 文章将的很详细，值得学习！ http://www.javashuo.com/article/p-usnwjjar-dp.html 阅读全文

posted @ 2022-03-02 14:09 yqphare 阅读(53) 评论(0) 推荐(0)

nodejs express vue实现文件上传

摘要：用的是比较老旧的一种方式实现的。用form表单进行提交，我知道现在主流的都是使用ui框架进行实现，之后我会补上的。 vue页面 <template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <h3>文件上传：</ 阅读全文

posted @ 2022-03-01 15:58 yqphare 阅读(248) 评论(1) 推荐(0)

Vue页面传值与数据存储 cookie LocalStorage sessionStorage

摘要：一、父子组件传值 基本概念 在Vue中，父子组件间的数据流向可以总结为prop向下传递，事件向上传递，即父组件通过prop给子组件下发数据，子组件通过自定义事件给父组件发送信息。 （1） 父组件给子组件传值 父组件通过属性传值，子组件利用props接收值 // 给子组件传入一个静态的值： <chil 阅读全文

posted @ 2022-02-28 17:31 yqphare 阅读(776) 评论(0) 推荐(0)

Vue-cli 项目文件名称一览

摘要：https://www.cnblogs.com/fengzhenxiong/p/10213198.html 阅读全文

posted @ 2022-02-28 10:06 yqphare 阅读(51) 评论(0) 推荐(0)

Vue路由传参的两种方式

摘要：页面跳转往往会采用两种方式进行参数的传递 vue页面跳转，传参方式大约可以有下面3种情况。 标签跳转及传参（router-link） js控制跳转路由及传参（this.$router.push） 路由组件传参 <div><router-link :to="{path:'/news/detail',q 阅读全文

posted @ 2022-02-24 16:04 yqphare 阅读(134) 评论(0) 推荐(0)

Vue 获取后端传来的base64验证码

摘要：vue获取后端接口传入的base64验证码 <img :src="codeUrl" @click="getCode()" style="width:130px;height:40px; float:left;margin-left:25px" /> <a-input v-model="code" s 阅读全文

posted @ 2022-02-23 15:18 yqphare 阅读(1044) 评论(0) 推荐(0)

echarts更新数据的方法

摘要：//初始创建 var myChart = echarts.init(document.getElementById('main')); var option = {........} myChart.setOption(option); function refreshData(data){ //刷 阅读全文

posted @ 2022-02-22 09:51 yqphare 阅读(3884) 评论(0) 推荐(0)

vue 三目表达式的书写

摘要：三目表达式 语法为: 条件表达式？表达式1:表达式2 它的逻辑是根据前面判断条件，如果为真，则执行第一个;如果为假，则执行第二个。 <div class="check-part" style="overflow:auto;" > <a-checkbox v-for="(item,index) in 阅读全文

posted @ 2022-02-18 18:50 yqphare 阅读(1483) 评论(0) 推荐(0)

超简单超实用的走马灯效果实现-

摘要：Carousel 走马灯 在之前的走马灯效果的实现中，由于使用的是js原生代码实现走马灯效果，导致实现效果页面不美观，代码量大。 今天要介绍的是ELement ui 组件中的 Carousel 走马灯。 其实现简单，容易上手，且效果美观。 首先安装element ui 之后再 这样我们就可以在vue 阅读全文

posted @ 2022-01-10 11:02 yqphare 阅读(1506) 评论(0) 推荐(0)

Vue 实现数字滚动 animate-number

摘要：在vue中，为了要实现数字滚动显示的效果，尝试了使用jquery代码，但是效果只能在html中展示，在vue中多次尝试还是没有效果。 研究过后，发现，vue中带有一种数字滚动。animate-number 效果： 动态效果（0-200） 动态数字效果案例: https://wangdahoo.git 阅读全文

posted @ 2021-12-20 15:00 yqphare 阅读(7975) 评论(0) 推荐(0)