![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
@-小飞
这个作者很懒,什么都没留下…
展开
-
Vue中按需引入ECharts
1先安装npm install echarts --save 有淘宝镜像的可以选择 cnpm install echarts --save2:自己新建一个 js 文件3:js文件中的内容// 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。import * as echarts from "echarts/core"; /** 引入柱状图and折线图图表,图表后缀都为 Chart */import { BarChart, LineChar原创 2022-04-25 18:50:27 · 1360 阅读 · 3 评论 -
按需引入 Ant Design Vu
1:第一步先下载npm i --save ant-design-vue有淘宝镜像的可以(更快一点)cnpm i --save ant-design-vue第二步在.babelrc文件里写入{ "plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css"原创 2022-04-25 15:40:51 · 368 阅读 · 0 评论 -
vue3 element-plus Menu 菜单使用方法
第一步在app.vue里配置顶栏<template> <div id="nav"> <div class="h-6" /> <el-menu default-active="/keng" class="el-menu-demo" mode="horizontal" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" r..原创 2022-03-18 11:09:12 · 15361 阅读 · 2 评论 -
vue实现点击字母切换对应的城市
安装:cnpm install better-scroll@1.8.1 --save 引入:import Bscroll from 'better-scroll' 使用: 一定要用ref定义到最外层的大div 内层的div里面是要滚动的数据 <div ref="aaa"> <div></div> </div> mounted() { t...原创 2022-03-15 09:49:10 · 1140 阅读 · 0 评论 -
Vue3 购物车逻辑
添加购物车了逻辑 state: { //购物车列表的数据 shopcar: [] },mutations: { add(state, value) { // 声明一个变量flag=false 如果是这个变量的值为false 代表购物车中有没有这个商品 let flag = false //循环购物列表的数据 state.shopcar.forEach(item => { //判断如果列表数据..原创 2022-03-11 14:41:28 · 231 阅读 · 0 评论 -
vue css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .原创 2022-03-11 14:36:15 · 587 阅读 · 0 评论 -
正则验证 手机账号和密码正则验证方法
HTML点击验证手机号码和密码 <div> <div> <input type="text" v-model="formData.mobile" placeholder="请输入手机号"><span v-show="mobileFlag">{{formData.mobileMsg}}</span> </div> <div> <input type原创 2022-03-07 16:41:13 · 518 阅读 · 0 评论