el-table table vue el

Vue 基本认识二:使用 Vue CLI 的 Vue 项目

注意 Vue CLI(手脚架)创建项目需要安装Node.js,没安装的看这里。 使用 Vue CLI 创建与运行项目,看这里。 Vue CLI 创建的项目文件夹和文件说明,看这里。 ......
Vue 项目 CLI

Vue CLI 创建的 Vue 项目解释

src\assets 目录 这个目录存放静态文件 src\main.js 文件 /* 该文件是整个项目的入口文件 */ // 引入 Vue import Vue from 'vue' // 引入 App 组件,它是所以组件的父组件 import App from './App.vue' // 关闭生 ......
Vue 项目 CLI

Vue CLI 安装与创建 Vue 项目

官网地址 前提:已经安装过Node 第一步:全局安装手脚架 npm install -g @vue/cli # OR yarn global add @vue/cli 第二步:创建 Vue 项目(注意要切换到想创建项目的目录) vue create xxx 第三步:启动项目 npm run serv ......
Vue 项目 CLI

Vue(六):数据代理

一、js中的Object.defineProptry方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>回顾Object.definePropetry方法</title> <script type="text/javascri ......
数据 Vue

vue编程-win环境初始化

[假定IDEA提前装好,Maven以及Git通过IDEA可安装] 1.安装NodeJS http://nodejs.org/dist/v18.16.1/node-v18.16.1-x64.msi 2.更新path 将${installPath}\node_modules\npm\bin添加至环境变量 ......
环境 vue win

Vue(五):Vue中的MVVM

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod ......
Vue MVVM

Vue(四):el和data的两种写法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script> </head> < ......
写法 data Vue

table的属性汇总

标签/属性 说明 <table border="1"> border设置边框;若无默认无边框 <style> table,tr,td{ border-collapse: collapse; } </style> css样式,变成单线表格 <table border="1"> <caption>我是表 ......
属性 table

Vue前端权限管理

一、登录权限控制 实现哪些页面能被未登录的用户访问,哪些页面只有用户登录后才能被访问 1、实现: 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login',  ......
前端 权限 Vue

超级详细的Vue安装与配置教程

# 超级详细的Vue安装与配置教程 ##### 目录 - [一、下载和安装Vue](https://www.jb51.net/article/251371.htm#_label0) - [二、创建全局安装目录和缓存日志目录](https://www.jb51.net/article/251371.h ......
教程 Vue

前端Vue自定义数字输入框 带加减按钮的数字输入框组件

#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下: #### ![](https://p3-juejin.byteimg.com/ ......
数字 前端 组件 按钮 Vue

前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input

#### 前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13166 #### 效果图如下: ![](https://p3-juejin.byteimg ......
前端 Keyboard 键盘 密码 Input

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13153 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fb ......
前端 组件 Vue

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13152 效果图如下: ![](https://p3-juejin.byteimg.com/ ......
菜单 按钮 前端 右侧 图标

vue3 ref和reactive的区别

这两个都是vue3引入的响应式数据的api。 但也有区别: 1.ref一般后面跟的是基础数据类型。 而reactive一般都是 对象或者数组 。 示例如下: //基础类型:number const count: Ref<number> = ref(0);//实例对象 const data=react ......
reactive vue3 vue ref

前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件

#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
组件 商品 侧边 前端 Vue

Row size too large. The maximum row size for the used table type

> # 原文链接:https://blog.csdn.net/yyj108317/article/details/108756493 在一段自动创建mysql表的[sql语句](https://so.csdn.net/so/search?q=sql语句&spm=1001.2101.3001.7020 ......
size maximum large table used

Vue(三):数据绑定(v-bind和v-model)

数据绑定分为单向数据绑定和双向数据绑定,单向数据绑定就是前面学习的v-bind指令,而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
v-model 数据 v-bind model bind

ElementUI 获取table中选中的行的两种方式

Element获取table中选中的行的两种方式 <el-table ref="multipleTable" :data="data" style="width: 100%" border @selection-change="selectionLineChangeHandle" > </el-ta ......
ElementUI 方式 table

Vue(二):指令语法之v-bind

一、什么是指令语法 vue中模板语法有两大类,第一类是插值语法,第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能:用于解析标签体的内容 写法:{{XXX}},XXX为js表达式 2.指令语法 功能:用于解析标签(包括标签属性、标签事件、标签体内容等) 本文 ......
指令 语法 v-bind bind Vue

【技术积累】Vue.js中的基础概念与语法【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 概念 基础 技术 Vue

Vue(一):简单使用

1.引入js 要对vue进行使用,首先要引入相关的js文件: <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
Vue

vue+axios实现token无感刷新

原文出处:https://www.jb51.net/javascript/286094r4h.htm 通常,对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是1-7天的样子,token过期 ......
axios token vue

手把手教你在Windows下搭建Vue开发环境

一、下载Note.js 下载地址:https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可(建议修改下路径) 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD,设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Windows 环境 Vue

Vue / uniapp cart.js购物车

const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
购物车 uniapp cart Vue js

vue3 虚拟滚动的一些实践

看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 ......
vue3 vue

vue3 - onMounted 多次触发 - 解决

1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
onMounted vue3 vue

自动化平台总结(httprunner+djangorestframework+python3+Mysql+Vue)【基础构思】

一、前言 最近从零搭建了一个自动化测试平台,虽然不是第一次从零搭建,但是也从来没有进行过这类搭建的总结,还是记录一下,搭建过程中的一些问题和方法。方便以后总结和翻阅 二、简介 搭建的平台使用的是Python3.6,未来有空可能考虑加个java版本。前端用的Vue,主体是httprunner2.X+D ......

Vue的set主要是做什么的

这个时候可以用this.$set(),给新添加的对象属性,或数组元素添加getter,setter方法 简单说即是:当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也 许这个时候就需要用到this.$set()这个方法了 methods:{ btn(){ Vue.set( ......
Vue set

Vue项目优化

代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 优化无限列表性能 服务端渲染 SSR or ......
项目 Vue