项目中发现同事使用了element-ui的el-collapse-transition来做折叠展开效果，打开源码看了下发现挺有意思，来解析学习一番。el-collapse-transition的引入方式// fade/zoom 等
import 'element-ui/lib/theme-chalk/base.css';
// collapse 展开折叠
import CollapseTran
转载
2024-02-11 20:45:37
120阅读
今天观看学习Element的源码，看到textarea有一个自适应高度的属性，毕竟以前也接触过这方面的问题，你可以查看此处：更强大的textarea高度自适应来了解我之前写的一篇同样是实现textarea自适应高度，所以就好奇看一下它是怎么实现的。先来看一下它的源码吧（各个阶段大致的做的事情我已经标到代码上了）：let hiddenTextarea;
const HIDDEN_STYLE = `
转载
2024-02-29 17:34:52
1678阅读
文章目录今日心得完成问题其他tipsAttributesEventsSlot 今日心得完成问题安装clipboard出现问题一堆报错，都是缺胳膊少腿。。。其他tipselement-ui中的table组件pagination分页一些参数Attributes参数说明类型可选值默认值small是否使用小型分页样式boolean—falsebackground是否为分页按钮添加背景色boolean—f
原理是 利用vue 的自定义指令功能 自定义一个指令 官方文档 下面是指令内容export default {
bind(el, binding, vnode, oldVnode) {
let resizeEvent = new CustomEvent('drag-resize',{detail:'尺寸变化',bubbles:false});
//初始化不最大化
el.
转载
2024-04-19 20:27:23
679阅读
一、margin的基本特性margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin，可以用来设置box的margin area。属性margin可以用来同时设置box的四边外边距，而其他的margin属性只能设置其自各的外边距。margin属性可以应用于几乎所有的元素，除了表格显示类型（不包括 table-ca
转载
2024-09-06 16:19:15
37阅读
<!--textarea自适应高度--> <h3>textarea自适应高度</h3> <textareastyle='border:1pxsolid#94BBE2;width:100%;'rows=15onpropertychange='this.style.posHeight=this.scrollHeight'id=textareaonfocus='textarea.style.posHeight=this.scrollHeight'> <br> <Br> </t
转载
2008-06-26 21:31:00
560阅读
2评论
# 使用jQuery获取textarea的高度
在web开发中，我们经常需要动态调整textarea的高度以适应文本内容的变化。jQuery是一个流行的JavaScript库，可以简化DOM操作和事件处理。在本文中，我们将介绍如何使用jQuery来获取textarea的高度，并根据需要进行调整。
## 获取textarea的高度
要获取textarea的高度，我们首先需要引入jQuery库。
原创
2024-06-26 06:51:58
136阅读
最近自己写了一个关于textarea高度自适应的jquery插件，说明文档可点击查看此处：http://www.fxss5201.cn/project/html/textarea/autoHeightTextarea/之前说的textarea高度自适应是textarea在初始化的时候，将textarea的高度设置为scrollHeight的高度来实现其显示的时候高度自适应，但是大家应该都知道，te
转载
2024-09-27 15:41:11
98阅读
textarea自动适应高度，兼容IE/Firefox、chrome代码：<textarea name="textarea" id="textarea" style='overflow-is.scrollHeight + 'px';" oninput="...
原创
2023-01-11 01:48:55
89阅读
textarea自动适应高度，兼容IE/Firefox、chrome 代码：<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.heig
原创
2023-01-27 20:32:45
162阅读
textarea 高度自适应页面代码jquery代码页面代码<div class="form-group"> <label class="col-sm-3 control-label"><span style="color: red">*</span>模板内容：</label> <div class="col-sm-8"&...
原创
2022-12-09 13:42:12
426阅读
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。现象如下代码，img标签设置了display：block，尺寸宽度无法设定为100%img标签设置display:block，宽度无法100% 原因替换元素和非替换元素元素是文档结构的基础，在CSS中，每个元素生成了一
实战说明：本文主要讲解前后端分离框架实现动态增加、删除文本框组，前端VUE+ElementUI，介绍如何通过JS动态增；后端：springboot+mybatis，介绍如何设计主子表对表单提交的数据进行存储，实现如下界面效果：前端vue界面设计： 以打开一个对话框为例，在对话框中可以点击加号，增加多个文本组；点击减号，减少文本组。核心代码从 <span cl
转载
2024-04-08 13:40:24
1382阅读
<el-dialog
v-if="showDialog"
style='position:relative'
v-dialogDrag //在组件上加上该指令
title="双击标题栏切换全屏）"
:visible.sync="showDialog"
转载
2024-03-19 21:23:15
2114阅读
<el-form-item label="活动形式"> <el-input type="textarea" :rows="2" v-model="foarea" .
原创
2023-05-26 00:10:25
400阅读
需求：html页面textarea的高度，根据输入内容的行数自动调整高度解决：在对应页面定义如下javascript// textarea自动高度$(function(){ $
原创
2023-05-29 11:10:32
445阅读
# jQuery计算textarea内容高度
在Web开发中，我们经常会遇到需要根据用户输入的内容来动态调整文本框的高度的情况。特别是对于`textarea`这种多行文本框，自动调整高度是一个常见的需求。本文将介绍如何使用jQuery来计算`textarea`内容的高度，并根据内容的变化来动态调整`textarea`的高度。
## 1. 获取textarea的内容高度
在开始之前，我们先来了
原创
2023-11-29 05:01:05
549阅读
在页面中创建一个不可编辑的文本块，并且文本块的篇幅较大，第一反应是创建一个textarea，并将它的disabled="disabled"，并设置相应的scroll属性，就可以构建一个尚可的文本块。 但这样的文本块存在许多的问题，最为严重的是textarea内部只允许纯文本，并不能识别html标签（较新的ie浏览器可识别标签，但包括chrome在内的主流浏览器不能识别），所以，一些特定的格式
类似于桌面程序中的表格拖动表头的效果，当鼠标停留在表头边框线上时，鼠标会变成表示左右拖动的形状，接着拖动鼠标，会在表格中出现一条随鼠标移动的竖线，最后放开鼠标，表格列宽会被调整。最近比较空闲，便自己动手尝试实现，在此分享下小小的成果。 首先需要如图所示的鼠标图标文件，在自己的硬盘中搜索*.cur，肯定能找到。 为了能在所有需要该效果的页面使用，并且不需要更改页面任何HTML，我把所有的代码
HTML（超文本标记语言）一些基础标签标题标签：
<h1></h1>~<h6></h6>
段落标签：
<p></p>
换行标签:
<br/>
水平线标签：
<hr/>
字体样式标签：
- 粗体：<strong></strong>
- 斜体：</
转载
2024-10-17 14:25:16
49阅读
