变量vue3 vue css
ant-design-vue 表格嵌套子表格实现单次仅展开一项数据
嵌套表格要实现单次只能展开一行数据的原因在于，子表格的数据源跟父表格的数据存在对应关系，而代码中子表格的数据源只定义了一个 contracts ，所以每次点开新的行，都需要重新渲染页面 如果允许多行同时展开，那么先前展开所呈现的数据都会被覆盖，导致每个展开的子表格的数据一模一样。 实现： table ......
CSS定位子元素包含特定 class 的父元素
要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla ......
pinia vue3 ts 切换到其他页面后再切回来数据不见了
pinia vue3 ts 切换到其他页面后再切回来数据不见了 刷新有数据，但是切换到其他页面后再切回来数据不见了，我需要切回来后数据还有。 因为我的数据是刷新的话就会watch监视数据有没有改变，但是切换其他页面不会触发 我应该把得到的数据存储到store里面 这样切换其他页面也不会消失 ......
CSS基础知识大全（值得收藏）
CSS基础 CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本；用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式 ......
vue3 ts 写搜索联系人功能逻辑
vue3 ts 写搜索联系人功能 vue <input type="text" v-model="search" placeholder="Search contacts"> <template v-for="(item, index) in filteredData" :key="index"> ......
html文件中使用vue3+element-plus开发模版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
vue3+ts 数据双向绑定
在 Vue3 中使用 TypeScript 实现数据双向绑定，主要需要以下几个步骤： 1. 创建组件 首先，需要创建一个组件，定义组件所需要的属性和方法，并使用装饰器 @Component 对组件进行装饰，以便可以在 Vue 中使用。 ```typescript import { Component ......
【干货】Vue2.x 组件通信方式详解，这篇讲全了
vue是数据驱动视图更新的框架, 我们平时开发，都会把页面不同模块拆分成一个一个vue组件， 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？
首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。 ......
vue将svg封装为组件使用
在components中新建文件 iconSvg新建index.vue <template> <svg aria-hidden="true" class="svg-icon" v-bind="$attrs" @click="svgChong"> <use :xlink:href="icon" /> ......
vue中实际代码模拟JS中promise调接口的运行流程
假设我们有一个需要调用接口的场景，我们可以使用Vue中的axios库来发送请求。以下是一个简单的例子： // 引入axios库import axios from 'axios' // 定义一个函数，用于发送请求 function fetchData() { // 返回一个Promise对象 retu ......
VueHub：我用 ChatGPT 开发的第一个项目，送给所有 Vue 爱好者
大家好，我是DOM哥。我用 ChatGPT 开发了一个 Vue 的资源导航网站。不管你是资深 Vue 用户，还是刚入门想学习 Vue 的小白，这个网站都能帮助到你。网站地址：https://dombro.site/vue#/vue ......
vue 安装
一、vue 简介。 二、vue 安装。 三、遇到的问题 一、vue 简介。 vue 是一个前端框架。我本人没有那么多专业名词。但是就使用来说，就是开发速度快，方便。 如果想看详细介绍，去 官网 就好 二、vue 安装。 前置条件，如果要装vue, 那得先装nodejs，不只要可以去看看 nodejs ......
富文本，vue2
npm install vue-quill-editor main中 // 富文本 import VueQuillEditor from "vue-quill-editor"; import "quill/dist/quill.core.css"; import "quill/dist/quill. ......
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
第一步下载nvm-windowsnvm-windows 下载地址：Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 注意安装路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node ......
vue3 props 双向绑定
官网：https://cn.vuejs.org/guide/components/v-model.html 首先，引用官网一句话:在大多数场景下，子组件应该抛出一个事件来通知父组件做出改变。 一般情况父子组件props 是父组件传递值给子组件，子组件使用。有个别情况子组件更新父组件的传值。 父组件： ......
vue实现倒计时
在assets下新建tool.js文件 function countDownFun(time) { time--; let nowTime = new Date().getTime(); // 获取当前时间 if (time >= nowTime) { var secondTime = 0 //秒 ......
bat文件Vue批量打包
chcp 65001echo %cd% d:cd d:\A_Project\pt_data_commander_ui echo '当前路径：'%cd%echo '开始编译 运营平台'call npm run buildecho '运营平台 编译完成' cd ../pt_document_center ......
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x，使用proxy的 ......
vue3+vuesax 安装错误 not find module 'chalk'
vue3中安装vuesax组件库报错 ERROR not find module 'chalk' 解决过程: 安装chalk 继续报错 安装旧版本chalk 解决错误 npm i chalk@4 ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
函数可以对类中变量修改
class a(): def __init__(self) : self.w=1 v=a() def xiu(s): s.w=2 def xiu1(s): s=2 xiu(v) v1=1 xiu1(v1) print(v1) print(v.w) print(1) 输出分别是 1 2 只有向函数中传 ......
Vue——lifecycleMixin【十七】
前言 经过eventsMixin再接下来就到了lifecycleMixin，接下来咱们就看看lifecycleMixin中到底有什么； 内容 lifecycleMixin位于src/core/instance/lifecycle.ts下； export function lifecycleMixin ......
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的，只不过ref()是针对变量的响应式包装，而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值，返回一个响应式的变量 变量 reactive() 返回一个 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码，所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程，也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念，它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
学习（review）二——CSS（上）
CSS(层叠样式表) 一般通过<style type="text/css"> 内部为CSS环境</style> 进行编写CSS。 使用 CSS，您可以控制颜色、字体、文本大小、元素之间的间距、元素的位置和布局、 要使用的背景图像或背景颜色、不同设备的不同显示和屏幕大小等等CSS一般用于修饰页面显示效 ......
Vue中 let _this = this的作用
近日在学习vue方面，发现一个问题回答的挺好，在此记录下。 作用讲解：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或 ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
让CSS里div上下左右绝对居中几种方式
1、绝对定位（常用于登录模块）备注：前提条件div需要有宽高 1 <div class="box"></div> 2 #css 3 .box{ 4 position:absolute/fixed; 5 left:0; 6 right:0; 7 top:0; 8 bottom:0; 9 margin: ......