vue

一、简介 vue是前端开发中交为常用的框架， vue-cli是vue的脚手架工具，具有所占内存少、开发高效等特点，简单说vue-cli使得vue开发更简单。 cli：command-line-interface命令行界面（字符用户界面） 二、安装环境及创建项目 1、安装环境 npm：node package manager，node的包管理器。推荐使用淘宝镜像来安装npm，官方网速太慢。 npm …

vue新手，本文纯属自己摸索出来的，如有错误，请指正，感谢感谢。 问题： http://localhost/dist/productInfo/1 跳转 http://localhost/dist/productInfo/2 页 路由变化了但是页面并没有重新绘制 最初的想法是用router.go(0);这个办法虽然猥猥琐琐的解决了跳转过去的时候页面没有重新绘制的问题，但是却不能改变回退页面时页面同样…

最近有个手机端需求需要展示一个树状的树形菜单   发现开源的没有太好的轮子 结合了一些资料封装了一个树形组件 tree.vue 代码如下 <!-- 树形层级选择器--> <template> <div> <div class="tree-dialog"> <div class="tree-div"> <scroll-view cla…

人生若只如初见，便是虚伪又热情 代码放在 https://gitee.com/siumu/blog_code.git 我们在后端总是用枚举来定义一些不变的数据，但是前端怎么实现枚举这种东西呢？我也是参考网上的各种方案，整理出来一种简单易懂，感觉应该还可以用的方案。 我们就以性别枚举为例，写一个出来，在后端性别枚举是这样定义的： /** * 性别枚举 */ @Getter public enum G…

1.npm 下载一个4.9.0版本的echarts，如果下的版本过高，没有地图的json数据 2.在main.js里引入echarts import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import echarts from '…

vue 父组件异步请求数据给子组件 看代码和注释直接百分百搞懂 子组件是怎么获取父组件异步请求数据的 //父组件 //给子组件传 异步请求的数据 <Swiper :banner="banner"></Swiper> export default { components: { Swiper }, data() { return { banner: [], recommend…

在查询数据时，有这样的情况，既可以查询当年的所有月份，又可以查询以年为单位的数据，例如这样： 切换后： 直接上菜！初始值可以为空，根据业务情况你们可以给开始时间、结束时间设定默认值！ <template> <div class="chart-box"> <div v-if="!hiddenSearch" class="chart-box-search"> <…

avue弹窗设置为卡片样式，效果如下： 在js文件中设置属性card：true即可使分组达到card的阴影样式 但是搜索栏会连带阴影样式。只能人工去除 版权声明：本文为weixin_44770377原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/weixin_44770377/article/details/…

7.1.常用UI组件库 7.1.1.移动端常用UI组件库 Vant Cube UI Mint UI NutUI 7.1.2.PC端常用UI组件库 Element UI IView UI 7.2.element-ui基本使用 安装 element-ui： npm i element-ui -S src/main.js import Vue from 'vue'; import App from '.…

1、下载方法 1.打开阿里iconfont， 记得登录才可以下载 ，将所要下载的图标依次添加至购物车，然后点击右上角的购物车， 点击添加至项目 ， 点击资源管理器=》我的项目 2、选择font class，可以点击 下载至本地 ，也可以生成 在线地址 打开你的网页代码，添加link标签，将上面的代码粘贴到href属性下。注意需为路径添加“http：”字样。 然后使用i标签引用图标。图标名称可以在i…