您的位置:首页技术文章关键词: Vue
文章列表
  • Vue中el-form标签中的自定义el-select下拉框标签功能
  • 页面写死el-select下拉框标签:通过v-for='item in stateArr'绑定,stateArr声明在Vue组件里面的data参数里面代码如下:到此这篇关于Vue中el-form标签中的自定义el-select下拉框标签功能的文章就介绍到这了,更多相关Vue el-form标签 自定...
  • 日期:2023-01-26
  • 浏览:132
  • 标签: Vue

  • VUE+elementui组件在table-cell单元格中绘制微型echarts图
  • 需求效果图示例实际完成效果图**代码实现注:table表格为二次封装的子组件-在table表格中 根据 scope.$index动态设置元素的id ,便于指定单元格的echarts初始化;-在单元格中触发一个方法,传入当前的scope.row数据或者指定其他数据,并且传入 scope.$index ...
  • 日期:2023-01-25
  • 浏览:87
  • 标签: Vue

  • Vue 如何使用props、emit实现自定义双向绑定的实现
  • 下面我将使用Vue自带的属性实现简单的双向绑定。下面的例子就是利用了父组件传给子组件(在子组件定义props属性,在父组件的子组件上绑定属性),子组件传给父组件(在子组件使用$emit()属性定义一个触发方法,在父组件上的子组件监听这个事件)。import Vue from ’vueEsm’ var...
  • 日期:2023-01-15
  • 浏览:19
  • 标签: Vue

  • vue开发简单上传图片功能
  • 本文实例为大家分享了vue实现简单上传图片功能的具体代码,供大家参考,具体内容如下vue简单的上传个图片的功能,主要代码:<template><div class='plan_list'> <div class='plan_name Upload_name'>...
  • 日期:2023-01-10
  • 浏览:160
  • 标签: Vue

  • vue中的v-model原理,与组件自定义v-model详解
  • VUE中的v-model可以实现双向绑定,但是原理是什么呢?往下看看吧根据官方文档的解释,v-model其实是一个语法糖,它会自动的在元素或者组件上面解析为 :value='' 和 @input='', 就像下面这样 // 标准写法 <input v-model='name'> // ...
  • 日期:2022-12-17
  • 浏览:173
  • 标签: Vue

  • 解决vue项目input输入框双向绑定数据不实时生效问题
  • 我就废话不多说了,大家还是直接看代码吧~<input type='text' maxlength='11' placeholder='请输入联系人电话' v-model='form.phone' />这样的输入框,绑定的是data中的form对象上的phone字段。在mounted钩子函...
  • 日期:2022-12-15
  • 浏览:165
  • 标签: Vue

  • vue+ElementUI 关闭对话框清空验证,清除form表单的操作
  • 前面跟大家提到过 elementUI验证的问题,那么今天就来看看 点击对话框和关闭按钮 怎么清空验证,清空form表单,避免二次点击还会有 验证错误的提示1、首先在你的对话框 取消按钮 加一个click事件,例如:(ps::callOf里面的addGroupData和ref一 一对应起来)<d...
  • 日期:2022-12-15
  • 浏览:233
  • 标签: Vue

  • vue监听浏览器原生返回按钮,进行路由转跳操作
  • 今天测试给我报了个bug说点击浏览器返回页数据显示的不对,我查了半天原因:需要监听浏览器的回退按钮,并阻止其默认事件。具体操作方法如下:1、挂载完成后,判断浏览器是否支持popstatemounted(){ if (window.history && window.history...
  • 日期:2022-11-26
  • 浏览:131
  • 标签: Vue


  • 记一次vue跨域的解决
  • 好久不见,今天想写的是前段时间碰到的一个小问题。其实故事背景是前端的同学跟我说他们前端请求不了我后端的数据,说是跨域了。其实跨域的问题,在如今前后端的时代非常常见,如果图方便的话,一般是在后端的请求以及拦截器中设置header,但是有一些业务需求单纯后端是解决不了的。还是需要前端自行来处理,这次碰到...
  • 日期:2022-11-15
  • 浏览:196
  • 标签: Vue


  • Vue中使用mockjs代码实例
  • 前言前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。安装npm install mockjs --save-dev目录结构配置1、ap...
  • 日期:2022-10-23
  • 浏览:153
  • 标签: Vue