省略号 按钮 文本vue
vue2.0源码简读(4. 深入响应式原理)
4.1 响应式对象 Object.defineProperty Object.defineProperty 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象,先来看一下它的语法: Object.defineProperty(obj, prop, descriptor ......
vue2.0源码简读(3. 组件化)
3.1 createComponent 在分析 createElement 的实现的时候,它最终会调用 _createElement 方法,其中有一段逻辑是对参数 tag 的判断,如果是一个普通的 html 标签,上一章的例子那样是一个普通的 div,则会实例化一个普通 VNode 节点,否则通过 ......
vue2.0源码简读(1. 准备工作)
1.1 认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有助于阅读源码。 为什么用 Flow JavaScript 是动态类型语言,它的灵活性有目共睹,但是过于灵活的副作用是很 ......
vue2.0源码简读(2. 数据驱动)
2.1 new Vue 发生了什么 从入口代码开始分析,先来分析 new Vue 背后发生了哪些事情。new 关键字在 Javascript 语言中代表实例化是一个对象,而 Vue 实际上是一个类,类在 Javascript 中是用 Function 来实现的,来看一下源码,在 src/core/i ......
vue3 设置跨域
changeOrigin 必须设置成 false const { defineConfig } = require('@vue/cli-service'); module.exports = defineConfig({ transpileDependencies: true, devServer: ......
vue+pdfh5实现将pdf渲染到页面上
版本:pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一:通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
vue3 使用 store
在script 中使用store https://blog.csdn.net/SubStar/article/details/116077737 <script> import { getCurrentInstance } from "vue"; import { useStore } from " ......
vue本地开发的时候自定义域名端口
找到如下文件 以记事本方式打开并插入以下代码 127.0.0.1 localhost127.0.0.1 test.hhProject.com # 将此域名指向127.0.0.1本地环境 再在项目的配置文件中配置域名和端口即可 export default defineConfig({ plugins ......
Django+Vue.js - 第一章 走进Django
目录第一章 走进Django了解DjangoMVCMTV安装创建项目创建app处理控制器 第一章 走进Django 了解Django Django 诞生于2003年,在2006年加入BSD许可协议,成为开源Web框架 优势 功能完善,容易上手,开发速度快,安全性强; 完善的在线文档; 模型自带数据库 ......
Vue3 Pinia对state的订阅监听($subscribe,$onAction)数据监听
<template> <div class="main-container" :class="{'show-scroll':targetIsVisible}"> <div :style="{height:frameHeight+'px'}" class="main-content" :class=" ......
vue pinia sessionstorage 数据存储不上的原因
vue pinia sessionstorage 的坑 默认的配置是开始 localStorage 如果用 sessionstorage 则发现数据存储不上 ,是因为缺少了序列化和反序列化 import { parse, stringify } from 'zipson' export const ......
vue2 项目打包后自动压缩成zip文件
安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
Vue 中 slot 的使用方式,以及 slot 作用域插槽的作用 ?
使用方式 组件当做标签进行使用的时候,用 slot 可以用来接受组件标签包裹的内容,当给 slot标签添加 name 属性的时候,可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽,父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据,父组件通过 scope ......
vue项目index.html文件获取代理地址方法(ajax在html文件请求接口)
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
CSV文件中含有逗号和双引号的文本如何在Excel中正确的显示
在工作中将文本保存为CSV格式遇到过一个问题,当文本中含有逗号和双引号的时候,用Excel打开这个文件,文本的内容显示会出现问题。当文本含有逗号时,Excel打开csv文件会默认逗号为分隔符,将一个文本分割成几个单位格显示。如下图: 图1.记事本打开是正常的 图2.Excel中打开后文本被分割成三个 ......
使用js添加按钮,vue页面 el-calendar 添加自定义按钮
html代码: <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
vue2 前后端分离的项目,用宝塔部署,出现域名访问根目录能访问,加任何网址就404
https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
vim 文本搜索
参考链接:https://blog.csdn.net/chenxy_bwave/article/details/131522964 基本命令 在vim的normal模式(再任意其它模式按ESC键回到normal mode),按“/”或者“?”后面跟所要搜索的pattern,然后按回车开启对patte ......
vue2和vue3ref的区别(详解)
Vue 2和Vue 3中ref的区别如下: 在Vue 2中,ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中,虽然ref也可以获取DOM元素或组件实例,但更重要的是,它还可以将一个基本类型的变量转换成响应式的数据,无需再通过复杂的步骤来访问响应式数据。另外,Vue 3的ref还支持对 ......
vue获取el-table当中选中行的各列数据
首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
vue3.0+antdVue2.0结合插槽slots的使用方式
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
vue表单数据添加到表格当中出现的问题
表单样式如下 填写完表单之后点击确认新增按钮,表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
禁用button按钮 阻止点击事件
当点击按钮的时候,判断元素是否disabled,根据判断结果执行后面的代码 $('.export_stu').click(function (e) { if($(this).attr('disabled')!='disabled'){ $(this).attr('disabled',true); } ......
去除:Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装(windows) 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式,并且有较多地方使用同一个UI组件,这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点: 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现: 控制台检查发现是请求getMenu出现500错误,并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误,那就是数据库casbin_rule的表引擎不是Inn ......
直播平台搭建,vue中实现图片懒加载的几种方法
直播平台搭建,vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy,可以实现图片懒加载。使用方式如下: <img v-lazy="imageSrc" /> 其中,imageSrc是需要懒加载的图片路径。当图片进入可视区域时,Vue会自动加载图片。 二、 ......