随笔分类 - vue
摘要：直接说结论：把后台接口返回的数据放到map3D的data里，然后在tootip的formatter函数里, 通过params.data来获取后台接口返回的数据，通过字符串拼接并return。点击地图区域弹框就能显示 之前是在formatter函数里调用 that.getTooltip(), gett
阅读全文
摘要：一、插槽 当子组件的有一部分内容是根据父组件传过来的dom显示的时候,可以使用插槽 通过插槽，父组件向子组件优雅的传递dom结构，同时子组件使用插槽的内容，通过<slot></slot> body> <div id="root"> <child> <p>well</p> </child> </div
阅读全文
摘要：一、声明式导航是写在template标签里，通过<router-link></router-link>标签来触发 detail.vue详情页，通过.$route.params取值，注意是.$route，不是.$router $router：路由器对象 $route：当前路由信息 二、编程式导航写在j
阅读全文
摘要：3-2 参考vue官网生命周期函数图 生命周期函数就是vue实例在某一个时间点会自动执行的函数 以下代码需要到vue官网下载vue.js引入方可运行 https://cn.vuejs.org/js/vue.js beforeDestroy、destroyed,在控制台输入，vm.$destroy()
阅读全文
摘要：2.7 以下代码需要到vue官网下载vue.js引入方可运行 https://cn.vuejs.org/js/vue.js一、父组件向子组件传值：父组件向子组件通过v-bind的形式来进行数据的传递，子组件通过props来接收（代码中黄色背景标识为父组件向子组件传值核心代码）二、子组件向父组件传值子
阅读全文
摘要：一、v-for v-bind简写 ：，:key值后注意不要跟差值表达式，要跟字段或者js表达式 v-for的key值不用index，好性能，一般key值取接口里定义的唯一字段，如：id 1 <body> 2 <!--push pop shift unshift splice reverse sort
阅读全文
摘要：stylus是css开发辅助工具，类似lLess和Sass,安装成功后的使用如下图所示 使用的时候要特别注意缩进，因为缩进是页面dom的父子关系或者兄弟关系的体现，如图font-size:0.4rem可以理解为.header类下的.header-left类下的.text-align类 的font-s
阅读全文
摘要：在写页面的时候，不可避免需要用到好多小图标，可以让UI切图，但是这些切好的小图片在小屏手机上显示比较清晰，可能放到大屏上会有清晰度稍微下降的问题，这个问题可以用阿里巴巴矢量图标--iconfont 来完美解决（https://www.iconfont.cn/），因为iconfont的图标是矢量的，不
阅读全文
摘要：在vue项目中有时会有移动端300毫秒事件点击延迟问题，需要安装fastclick库来解决 1.打开Vue项目，选中项目，按住shift并单记右键，选择【在此处打开powershell窗口（s）】,输入命令：cnpm install fastclick --save 如果安装淘宝镜像使用cnpm i
阅读全文
摘要：vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用 方法一：打开谷歌浏览器，点击最右边的三个竖向小圆点，更多工具--扩展程序，在谷歌商店搜索 vue devtools，然后点击安装即可 方
阅读全文
摘要：后续会不断更新遇到的问题~，来完善这个合集哦 一、刚安装后的vscode怎么汉化 点击右侧的扩展，在应用商店中搜索 configure display language ，然后选择中文简体安装即可，有时候需要重启一下软件，如图中所示，下面的显示的都是已安装的插件 如果不想要某个插件，点击选中，右侧会
阅读全文
摘要：vue3.0及以上安装，请移步这里 1、安装node.js,不用安装最新版，我安装的是10.15.3，安装node的时候会自动安装npm，npm是v6版本的，安装好后，可以输入node -v检查node版本，输入npm -v 检查npm版本 node安装参考链接： https://www.runoo
阅读全文
浙公网安备 33010602011771号