踩坑之在 vue+element select筛选框 重置resetFields()失效

  • Post author:
  • Post category:vue

element select筛选框 重置办法 突然之间发现element 自带的重置组件resetFields() 只对input框 有效,下拉框,完全点不动。 需求如下 下拉框选择数值,点击重置,清空刚才你的选择。 1这里的 v-model="dataForm.year 和 v-model=“dataForm.month” 这两个属性很重要。 然后找到重置方法 <el-row> &l…

继续阅读 踩坑之在 vue+element select筛选框 重置resetFields()失效

Vue2移动端 微信公众号 高德地图JSAPI

  • Post author:
  • Post category:vue

1.高德地图api引入问题: 使用高德api首先要注册为开发者,这里不一一赘述流程,在官网和社区有很多类似的教程。重点说一下引入api时遇到的问题。高德地图支持多种引入方式,包括全局引入,按需引入,异步加载等。多种加载方式不可以同时使用!!!需要注意的是你程序要用的哪一种api,这在高德开发者中心新建应用时候也要进行选择。 这里我用的是web端 地图JS API。各个api之间不可以混淆使用,用哪…

继续阅读 Vue2移动端 微信公众号 高德地图JSAPI

Vue-插槽

  • Post author:
  • Post category:vue

在这里面记录的都是我看文档第一眼看不懂的,我才会记录 作用域插槽 在调用同一个子组件的时候,想通过不同的子组件的值,渲染子组件 在子组件中 <template> <div class="component-a"> <!-- 将需要传递到父组件的值通过v-bind的方式绑定上 --> <slot :user="user" age="26" bool="tru…

继续阅读 Vue-插槽

vue页面Edit页面中 下拉框选项默认展示对应的id

  • Post author:
  • Post category:vue

两种下拉框展示数据 1.下拉框使用枚举展示 vue前台页面 下拉框枚举查询 默认展示对应枚举的id而不是数据,请看错误图↓ 错误原因:因为传的数据类型不一致,数据库中是varchar类型,而在前台传的时候是int类型 解决方法:①可以转换类型,int转换为String 或者String转int 这样灵活运用↓ ②在枚举中加上单引号,这样传的就是字符串类型↓ 2、下拉框使用方法展示 vue前台页面 …

继续阅读 vue页面Edit页面中 下拉框选项默认展示对应的id

【vue 8】插槽slot

  • Post author:
  • Post category:vue

插槽slot 在vue.js中我们使用元素作为承载分发内容的出口,作者称其插槽,可以应用在组合组件的场景中 <div> <p>列表书籍</p> <ul> <li>Java</li> <li>Linux</li> <li>Python</li> </ul> </d…

继续阅读 【vue 8】插槽slot

vue项目本地启动后出现cannot GET /

  • Post author:
  • Post category:vue

vue项目本地启动后出现cannot GET /,报错页面如下 经过一番排查之后发现是配置文件出现错误,以致有的资源找不到。在config目录下的index.js文件中,某段配置信息如下 箭头处加了一个".",变成"./",所以资源加载出错了。解决办法就是将"."去掉,还原 接下来运行就没问题了。 转载于:https://www.cnblogs.com/plb2307/p/10437040.htm…

继续阅读 vue项目本地启动后出现cannot GET /

用vue构建项目笔记5(在vue-cli项目中引用公用方法)(vue resource统一处理)

  • Post author:
  • Post category:vue

之前用cli脚手架构建的项目废了,又让我改成jq了,悲剧,这次这个项目用纯vue实现了,哈哈。下面介绍如何引入全局方法供每个组件都能调用。 1.创建一个js文件,我起的名字叫做“common.js”,放在assets>js下。 2.在common.js文件中写入公用方法 export default{ install(Vue,options){ Vue.prototype.url= "htt…

继续阅读 用vue构建项目笔记5(在vue-cli项目中引用公用方法)(vue resource统一处理)

vue 事件中传入参数 会 覆盖默认参数问题解决

  • Post author:
  • Post category:vue

在使用UI框架的某些组件时,组件自身的点击、搜索等事件,往往都有默认参数。 // input中输入1 <a-input-search placeholder="输入页码" @search="searchPage"> <a-button type="primary" slot="enterButton">跳转</a-button> </a-input-sea…

继续阅读 vue 事件中传入参数 会 覆盖默认参数问题解决

vue路由文件相关配置

  • Post author:
  • Post category:vue

vue路由文件相关配置 vue路由文件相关配置 一、vue嵌套路由路径斜杠'/'的使用 1.根组件上的path 2.根组件上的redirect 3.子组件里面的path 总结 二、路由守卫 1、作用 2、分类 3、全局守卫 4、独享路由守卫:某一个路由所独享的; 5、组件内路由守卫 三、vue路由中的meta vue路由文件相关配置 一、vue嵌套路由路径斜杠’/'的使用 路径前加/代表根路径,绝…

继续阅读 vue路由文件相关配置

Vue使用枚举类型实现HTML下拉框

  • Post author:
  • Post category:vue

下拉框包含option中的Value和用来显示的选项, 一般后台都是使用的Value值,而不是显示在前台的选项 第一步: 编写下拉框需要的枚举类型 StatusEnum.java public enum StatusEnum { RED, YELLOW, GREEN } 第二步: 编写用来存放下拉框中对应的option中的Value和显示的选项 StatusDTO.java public clas…

继续阅读 Vue使用枚举类型实现HTML下拉框