优惠券 样式uniapp vue3
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
uniapp internal/modules/cjs/loader:1078
额外的信息还有：Cannot find module uni.js。 删除 node_modules，重新安装依赖：npm i。 ......
HTML引入CSS样式的三种方式概述
1.内联定义方式： 在标签内部使用style属性来设置元素的css样式 语法格式： 1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签> 2.样式块方式： 在head标签中使用style块 语法格式： 1 <head> 2 <style type=" ......
work中模板、主题、样式集、样式的作用和使用方法
【收藏】Word样式、样式集、主题、模版怎么区分？进来围观学习了~ 我们先来按照层次关系从小到大排序：样式<样式集<主题<模板 接下来，我们按照层次关系从小到大开始了解它们之间的的区别。 （1）样式 样式就是Word格式的合集，比如说段落、字符、表格这些对象你想设置的格式。 Word有字符、段落、链 ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载： GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
css样式选择器
一、 CSS 选择符 类型选择符用于选择特定类型的元素，比如段落（见下面的例子)或标题元素，只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
vue3 移动端 实现树形结构 tree
实现效果： ) 版本号： 1、需求是支持全选功能，网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 （1）npm i @ysx-libs/vue-virtual-tree （2）main.js中引入 import ' ......
Uniapp最新版IOS打包详
需要公司提供苹果开发者账号即可 1. 打开苹果开发者官网点击打开链接🔗 2.点击这个选项打开开发者配置需要注册账号并花钱加入成为开发者才会显示这个选项，一般公司会提供苹果开发者账号的 3. 先配置证书Certificates 4.这里需要上传一个CSR文件 5.生成CSR文件需要去这个网站http ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
uniapp 页面跳转时 redirectTo:fail page '/pages/index/pages/index/login' is not found
uniapp 跳转页面有以下两种，分清楚情况写 url 才能正确跳转： 绝对路径跳转； 相对路径跳转。 :one: 绝对路径跳转： 绝对路径跳转必须要是这样的格式 /pages/xxx/xxx，pages 前面必须要有 /，代表 src 目录。 :two: 相对路径跳转： 相对路径跳转不带 /，是以 ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
直播小程序源码，wangEditor 清除粘贴内容自带样式
直播小程序源码，wangEditor 清除粘贴内容自带样式 自定义处理粘贴的文本内容 使用者可通过 editor.customConfig.pasteTextHandle 对粘贴的文本内容进行自定义的过滤、处理等操作，然后返回处理之后的文本内容。 编辑器最终会粘贴用户处理之后并且返回的的内容。 示例 ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
Vue3中KeepAlive的使用
我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
vue的从0到1 p4—— vue2改vue3
背景：由于配置公司的vue2项目，什么东西都用不了很烦，我就重新卸载了vue2.9.6，参考文档：https://blog.csdn.net/qq_48736958/article/details/111405591 步骤： 1、卸载原有的版本，首先打开cmd，查看现有的vue版本 $ vue -- ......
Vue3 学习记录
VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
商城系统必须知道的【订单、优惠金额、退货、实际营收】解释
【销售订单数据】：应收金额，优惠金额、订单数量、现金收款、支付宝收款、微信收款 应收金额：应收金额=销售订单的数量*销售订单的单价（即门店的售价），应收金额概念只与支付成功的销售订单相关。 优惠金额：优惠金额=销售订单的抹零+销售订单的积分抵扣金额+销售订单的商品折扣+会员价优惠，其概念只与支付成功 ......
Vue3 点击复制功能，利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法 页面： <view class="demo-uni-col light" v-for="cardIndex in u ......
阿里云大使和代理商的优惠的区别与选择
通过注册阿里云账号购买云产品，有两种优惠，云大使和代理商，只能绑定一种。然后又有新老账号的区别。 优惠一：通过云大使购买折扣力度大，可以享受一次优惠，复购无优惠。注册新账号比老账号优惠更大。 优惠二：向代理商提供实名认证和电话号码，代理商生成购买链接。然后有两种优惠，一种跟云大使差不多，只能享受一次 ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
四角为直角样式
<div class="zhiJiaoBox"> <div class="zhiJiao">四角直角</div> </div> 1 .zhiJiaoBox{ 2 width: 400px; 3 height: 400px; 4 background: #ccc; 5 display: flex; 6 ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 如果将对象分配为 ref 值，则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象，会自动解包。 <template> <d ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
vue3
一、简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......