![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
@-小飞
这个作者很懒,什么都没留下…
展开
-
按需引入 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 · 373 阅读 · 0 评论 -
vue3点击随机切换背景图片
利用点击事件触发随机数<template> <div> //背景图片可以变量 <div class="home" :style="{ backgroundImage: `url(${backimg})` }"></div> <button @click="qh">切换</button> </div></template> <script> import原创 2022-03-18 11:32:08 · 1156 阅读 · 0 评论 -
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 · 1152 阅读 · 0 评论 -
Vue3 购物车逻辑
添加购物车了逻辑 state: { //购物车列表的数据 shopcar: [] },mutations: { add(state, value) { // 声明一个变量flag=false 如果是这个变量的值为false 代表购物车中有没有这个商品 let flag = false //循环购物列表的数据 state.shopcar.forEach(item => { //判断如果列表数据..原创 2022-03-11 14:41:28 · 237 阅读 · 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 · 591 阅读 · 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 · 525 阅读 · 0 评论