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

随笔分类 -  Vue

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

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

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

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

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

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

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

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

摘要:用的是比较老旧的一种方式实现的。用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中,父子组件间的数据流向可以总结为prop向下传递,事件向上传递,即父组件通过prop给子组件下发数据,子组件通过自定义事件给父组件发送信息。 (1) 父组件给子组件传值 父组件通过属性传值,子组件利用props接收值 // 给子组件传入一个静态的值: <chil 阅读全文

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

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

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

摘要:页面跳转往往会采用两种方式进行参数的传递 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验证码 <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)

摘要://初始创建 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)

摘要:三目表达式 语法为: 条件表达式?表达式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中,为了要实现数字滚动显示的效果,尝试了使用jquery代码,但是效果只能在html中展示,在vue中多次尝试还是没有效果。 研究过后,发现,vue中带有一种数字滚动。animate-number 效果: 动态效果(0-200) 动态数字效果案例: https://wangdahoo.git 阅读全文

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