属性 变量vue css
vue函数式组件
<template>改为<template functional> 即可 然后模板里使用到父组件参数的话,需在变量前面加上 props,如 <div>{{count}}</div> 改为 <div>{{props.count}}</div> 如果组件比较简单,只是展示数据的话,可以使用函数式组件,函 ......
vue.use()详解
原文链接:https://blog.csdn.net/sunyctf/article/details/127706967 官网解释: 前言: 相信很多人在用 Vue 使用别人的组件时,会在在main.js中用到 Vue.use(xx) 。例如:Vue.use(VueRouter)、Vue.use(M ......
vue语法错误 + Promise错误 + js 错误,通过钉钉报警
一、背景: 为了使系统更加稳定,在用户使用期间,若发现异常,可及时应对,采取了“报警机制”。 通常“报警机制”分为2种,一种是后端对api监控及自定义监控,出现异常,通过钉钉或邮件的形式通知,第二种是前端对js语法,vue语法,自定义报错进行监控,以此来规范代码质量,保证系统预警 二、流程步骤 1. ......
vue-router动态路由无限循环
// isLogined 用来判断用户是否已登录 router.beforeEach((to, from, next) => { if(isLogined){ next() }else{ console.log('测试') next('login') } }) next() 表示放行,直接进入to路 ......
vue中使用sockjs
1,安装依赖 npm install sockjs-client --save npm install stompjs --save 2,使用混入封装 在src下创建mixins文件夹,然后创建sockjs.js文件 import SockJS from "sockjs-client"; impor ......
Vue3 中的v-model实现父子组件数据同步通信
v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa ......
css
``` a,button{outline:0}.day,.entrylistItem,.entrylistPostSummary,.feedbackCon,.feedbackItem,.feedbackListSubtitle,.postCon,.postMeta,.postSticky{posit ......
vue——qq音乐播放器(1) 左边导航栏样式的实现
实现结果: 左侧导航栏样式实现完整代码: 1 <template> 2 <!-- 左边导航条 --> 3 <div class="leftnav"> 4 <!-- logo --> 5 <div class="logo"></div> 6 <div class="my-scroll"> 7 <!-- ......
让C#调用vue组件里的方法
前言:web页面开发时采用的是vue开发的,后台语言是C# 需求:后台需要通过浏览器调用vue组件的方法 c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的, 之前c#调用html中的script中的方法,是因为方法直接挂在全局的 <script> function ......
如何在本地给 vue-router4 扩展功能?
### 背景 前段时间给基于 vue3 的 H5 项目做一些优化,该项目经常会有一些页面间的通信,譬如选择地址、乘机人等信息后回填到上一个页面。对于这种简单、频繁的通信,实在不想搞成**重火力**(eg:pinia)。最好让使用者用完即走,不用操心除业务逻辑之外的任何事情。 ### 路由控制页面通信 ......
关于前端开发中 img 元素的 srcset 属性
`img` 标签的 `srcset` 属性是一种用于响应式网页设计的属性,它允许开发者为图像提供不同大小和分辨率的版本,以便根据设备的屏幕大小和像素密度自动选择最合适的图像进行显示。通过使用 `srcset` 属性,可以在不同设备上提供最佳的视觉体验,避免了不必要的图像变形和加载大尺寸图像的性能问题 ......
Vue-Router路由模式
在Vue-Router中,有两种路由模式可供选择:hash模式和history模式。它们之间的主要区别在于URL的表现形式和对服务器的要求。 1、hash模式 定义:在hash模式下,URL会以一个#符号开头,后面跟随路由的路径。 例如:http://example.com/#/home。当URL的 ......
普通文件上传,后台常见文件属性(微信上传)
## 我这里使用的是`nodejs`+`koa`搭建的项目,使用`koa-body`解析请求体(将请求体数据解析到`ctx.request.body`中) ![image](https://img2023.cnblogs.com/blog/2079528/202308/2079528-2023081 ......
vite中导入全局样式变量(less、sass)
1、先新建vars.less文件,定义基础样式变量2、在vite.config.ts 下添加配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path"; // ......
tailwindcss 选型,以及vue配置
一、为什么选择tailwindcss? Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架,它与传统的CSS框架(如Bootstrap)有些不同。以下是一些人们通常对于Tailwind CSS 的评价: 优点: 工具驱动的开发: Tailwind CSS 提供了一系列实用工具类,这些类可 ......
VTK 实例5:设置椎体颜色属性
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkConeSource.h>//源数据 6 #incl ......
vue watch 数组对象中用法
[{count:1,price:2},{count:2,price:3}] 如何通过监听里面count,price,每个对象中增加赋值totalprice字段 ``` Count: {{ item.count }}, Price: {{ item.price }}, Total Price: {{ ......
vue3 - el-upload 组件 报错custom validator check failed for prop "percentage 解决
1.原因 文件列表的元素缺少 percentage 默认参数 查看组件源码 虽然加了语法糖,不影响使用,但是控制台还是会打印警告 2.解决 给个默认值即可 ......
vue3+ts绘制二维码
界面展示 实现步骤 引入qrcode.vue npm i qrcode.vue 界面引入并使用 <template> <div> <el-row>二维码标签</el-row> <el-row :gutter="20"> <el-col :span="6"> <el-input v-model="co ......
vue3+typescriot中的defineEmits(子组件向父组件传值)
以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons ......
vue3+typescript中的props
以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> ......
Java入门学习——变量里的数据在计算机中的存储原理
变量里的数据在计算机中的存储原理 一、二进制 只有0、1,按照逢2进1的方式表示数据: 十进制转二进制的算法 除二取余法。 结果:6的二进制是110 结果:13的二进制是1101 二、计算机中表示数据的最小单元 计算机中表示数据的最小单位:一个字节(byte,简称B,是使用8个二进制位组成的) 字节 ......
给id拼接变量,给nth-child()拼接变量
<div class="daic"> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p></div> <p class=" ......
Go 语言变量作用域
局部变量 在函数体内声明的变量称之为局部变量,它们的作用域只在函数体内 package main import "fmt" func main() { /* 声明局部变量 */ var a, b, c int /* 初始化参数 */ a = 10 b = 20 c = a + b fmt.Print ......
css计数器基本用法
counter-reset 定义计数器 counter-increment 定义计数器步长 counter() / counters() 使用计数器 1. counter-reset counter-reset: count1 1.1 在同一层级中,重复使用counter-reset,可重新开始计数 ......
vue2和vue3中插槽写法区别
#### 一、slot是什么 - 在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符。 - 该占位符可以在后期使用自己的标记语言填充。 (我们可以理解为solt在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑( ......
从壹开始前后端开发【.Net6+Vue3】
# 项目名称:KeepGoing(继续前进) ## 1.1介绍 工作后,学习的脚步一直停停走走,希望可以以此项目为基础,可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础,从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点,也同时会将在此过程中遇到的问题进行分享 # ......
Linux 配置Node环境变量[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。 修改/etc/profile文件,在末尾添加以下内容 export NODE_HOME=/usr/local/node //Node所在路径 export PATH=$NODE_HOME/bin:$PATH 复制 修改完成后需要重新登陆才能生效,也可以执行命 ......
vue3中watchEffect的作用和适用方法
# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记 ......
import.meta.globEager('./src/components/**/*.vue'); 遍历文件
main.js ``` const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); ......