前端#vue.js
文章平均质量分 87
白佯们班的小莫
这个作者很懒,什么都没留下…
展开
-
vue使用百度map,实现点击Marker切换图标,以及展示此Marker信息。
先放效果图,其中每一个点代表了小区的位置,打了贴纸隐藏的地方是小区的名字和地址。见谅。 一、接入百度地图,首先要注册成为百度地图开放平台的开发者,申请百度地图的密钥(ak),web端使用的是JavaScriptAPI,所以我们申请的就是JavaScriptAPI。 二、在你的ak申请好了之后,在public下的index引入。<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你申请的原创 2020-07-16 10:26:22 · 3622 阅读 · 0 评论 -
vue之创建路由,随路由显示网页标题。
从一个空白页开始创建路由,网页标题随路由进行改变。 一、创建一个新的vue项目,把vue给我们设置的原始页面home页和about页及其路由删掉,留下空白页,可以看到我这里的网页标题是我项目的名字,路由呢也是起始路由,没有页面。 二、路由映射的就是页面,所以先要创建我们需要的页面,vue的项目下views是放我们的页面,一个首页home,一个展示页面show。 三、接下来就是创建我们这两个页面所需要的路由,vue项目下的router是创建页面路由的地方,我们可以采取路由分模块的形式,引入原创 2020-06-29 11:32:50 · 963 阅读 · 0 评论 -
vue+element表格实现多层数据的嵌套
今天用element的表格渲染了商城的购物车列表,element的表格之前也用到过,它吧所有的东西都封装好了,只需要往里面传数据就可以了,通过prop来拿到相对应的字段,非常方便,但是天不尽人愿呐,后台接口返回的数据是嵌套多了一层,直接上图,后台返回的数据结构 data下面是店铺的名字和id,orderItemList是店铺下面的商品,店铺要显示,商品更要显示,(难受)这nm嵌套两层,表格拿不出来啊,于是各种想思路,什么里边再套一个表格,这样会出现空表头,也从网上找了很多方法,都是差.原创 2020-06-23 11:08:47 · 12844 阅读 · 5 评论 -
vue 使用数组splice方法失效,且总是删除最后一项的解决办法。
今天在写项目的时候,遇到一个很简单的需求,下图,点击添加标签,左边出现一个可以输入的标签,点击删除按钮, 就能删除当前标签,很简单的需求,我却搞了一个多小时(哎…新手愚笨啊)一看到这个我的思路就是点击添加标签,把新增的节点push到自己定义的数组里,然后渲染出来,点击删除按钮,用splice方法从数组中删除掉当前的节点(很简单,很明确的思路嘛,但是却事与愿违) <div ...原创 2020-06-22 17:18:27 · 11193 阅读 · 4 评论