属性 变量vue css

第二十二篇 - Vue3中el-table篇

今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
el-table table Vue3 Vue el

CSS 中遇到的问题和解决方法

连续的英文字符,符号单独占一行不换行的问题 通常中文会自动换行,英文符号如果没有回车换行符就会一直延伸,解决办法是,给文字的容器添加属性 word-break: break-word ......
方法 问题 CSS

vue3 子组件修改父组件的两种方法

<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
组件 方法 vue3 vue

vue-大文件分片及断点上传

最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v ......
断点 文件 vue

vue+element项目部署到线上,所有icon图标不显示,解决方案

build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
图标 解决方案 element 方案 项目

Vue轻量级富文本编辑器-Vue-Quill-Editor

先看效果图:女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill(Vue-Quill-Editor需要依赖) npm install quill --save 3.代码 <template> <div clas ......

Vue 2.x脱坑记-查漏补缺

Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
Vue

【笔记】C++系列01:从hello开始说变量、数据类型、常量与运算法

1.1 程序 /* 程序范例:第一个c++程序 版权拥有人: */ #include <iostream> // 载入外部文件,这里写法和早起C++不同,不用跟.h class Printer //定义类 { private: int Serial_Number; //定义类的属性,这里默认被赋值为 ......
常量 变量 类型 笔记 数据

[Vue warn]: <transition-group> children must be keyed: <ElTag>

记录今天遇到的bug 解决方法,一个网友说的是 我试了,不行,然后在他的评论里面看到一个人回复的 这个是可以的,我用了很多v-if和v-else,所以加了key就解决了问题,下面是我加的 ......

vue实现文件的分片上传

const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
文件 vue

Vue实验记录

webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装,直接下一步就可以 安装完成后,在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码,把源码按照项目格式放到 ......
Vue

变量提升,声明提升,函数表达式不提升。最后执行匿名函数; 用function定义的函数声明会直接提升到最顶层(区分函数表达式)

以下代码执行后, num 的值是? var foo=function(x,y){ return x-y; } function foo(x,y){ return x+y; } var num=foo(1,2); A -1 B 3 C 1 D 2 正确答案:A 选A。该题考察的是JS解析顺序。 根据题 ......
函数 表达式 顶层 变量 function

var a=b=3;相当于var a,b=3 即a为局部变量,b为全局变量

下面一段JavaScript代码的运行结果是 var a,b; (function(){ alert(a); alert(b); var a=b=3; alert(a); alert(b); })(); alert(a); alert(b); A undefined,undefined,3,3,un ......
变量 全局 局部 var

const 声明一个常量无法更改,所以TypeError; 如果const出来的是一个对象他的属性是可以更改的

在 es6 中,下面程序运行结果输出,选项结果正确的是 for(let i=0;i<12;i++){} console.log(i); const a = 12;a=13; console.log(a); const g = {b:3}; console.log(g.b); g.b=12;conso ......
常量 const TypeError 属性 对象

vue中文件上传方法

1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
文件 方法 vue

Vue-cli 用自定义的组件有遇到过哪些问题?

在 components 目录新建你的组件文件(indexPage.vue), script 一定要 export default {} 在需要用的页面(组件)中导入:import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
组件 Vue-cli 问题 Vue cli

Vue3+Element plus 实现表格可编辑

<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
表格 Element Vue3 plus Vue

python:第六章:windows为python配置path环境变量

一,找到python的安装路径: 在开始菜单->Python3.8->Python 3.8(64 bit) 上面右击->属性,如图: 起始位置就是安装所在的目录: 复制安装路径就可以了 二,配置路径 1,配置之前:默认找不到python命令,如图: 2,配置: 开始菜单->计算机->右键->属性,如 ......
python 变量 windows 环境 path

vue3 与 vue2 的区别

布尔型 Attribute​ 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同: <button :disabled="isButtonDisabled ......
vue vue3 vue2

Vue3使用wangEditor文本

1、安装wangEditor npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save 2、代码 <template> <el-dialog v-model="state.dialo ......
wangEditor 文本 Vue3 Vue

Vue_MQTT项目搭建记录

新建vue3项目 # 新建 vite + vue3的项目 npm init vue@latest yarn 安装依赖包 yarn add mqtt 初探 - 连接阿里云物联网平台 代码: <template> <div> <h1>LED - IOT</h1> <button @click="conn ......
Vue_MQTT 项目 MQTT Vue

vue3源码学习api-vue-sfc文件编译

vue 最有代表性质的就是.VUE 的文件,每一个vue文件都是一个组件,那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC),通常使用 *.vue 作为文件扩展名,它是一种使用了类似 HTML 语法的自定义文件格式,用于 ......
api-vue-sfc vue 源码 文件 vue3

vue脚手架的data与props

1.共同之处: data与props都是数据,都可以存储,并且动态渲染 2.不同之处: data是组件本身的数据,支持自身修改,然而props是外部数据(由父组件传递而来的数据),不支持自身修改,如果想要修改需要this.$emit('父组件监视函数名',希望修改的的值的结果) ......
脚手架 props data vue

Vue 组件里的定时器要怎么销毁?

如果页面上有很多定时器,可以在 data 选项中创建一个对象 timer,给每个定时器取个名字一一映射在对象 timer 中, 在 beforeDestroy 构造函数中清除, beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
定时器 组件 Vue

记录--Vue2屎山之 Table 屎山

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了,但是 Vue2 的代码却不会在 2023 年消失,还会越来越多;难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3,这是不可能办到的; 老一点的前端程序员肯定经历过把大型项目从 ......
Table Vue2 Vue

css基础样式

CSS简介 CSS全称层叠样式表(Cascading Style Sheets) CSS也是一种标记语言,用于给HTML结构设置样式,例如文字大小、颜色元素宽高效果等等 核心思想:HTML搭建结构,CSS添加样式,实现结构与样式的分离 CSS行内样式 行内样式又称内联样式 直接在标签内通过style ......
样式 基础 css

向下转型的话,可以访问的是父类还是子类的成员方法和成员属性?

前言: 对于多态的一些概念存在模糊,于是这次来挑一下特别容易误解的点。 正文: 向下转型(downcasting)是将父类的引用转换为子类的引用。例如,如果User2继承自Object,你可以这样做: Object obj = new User2(); // 这是向上转型 User2 user2 = ......
成员 子类 属性 还是 方法

向上转型之后可以调用的成员方法和成员属性是父类的还是子类的?

前言: 对于多态的一些概念存在模糊,于是这次来挑一下特别容易误解的点。 正文: 在Java中,向上转型(upcasting)是将子类的对象引用赋给父类的引用。例如,如果User2继承自Object,那么你可以这样做: User2 user2 = new User2(); Object obj = u ......
成员 子类 属性 还是 方法

任何用let或const声明的属性不能够从它被声明的作用域中删除。任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。

请问以下JS代码的输出结果是什么? let a = 1; let obj = { x: 1 } delete a; delete obj.x; delete 2; console.log(a); console.log(obj.x); console.log(2); A 1、1、2 B 1、unde ......
作用 属性 全局 函数 const

vue3 甘特图(四):甘特图进度条拆分

vue3 甘特图(四):甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据,一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据(不关联时间),如图 此方法是通过设置单个进度条上内容,以一个进度条为容器,修改内容(即task_text内容)展示多维度的数据, ......
进度 vue3 vue
共10200篇  :53/340页 首页上一页53下一页尾页