![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
丶扁扁的糖是扁的
一个喜欢记录的小白写的博客,用来拯救他那不大好的记性。有的是记录,有的是随笔,反正都是用心写的点点滴滴。
展开
-
js复制内容到剪切板
js复制内容到剪切板原创 2022-12-03 15:05:55 · 466 阅读 · 0 评论 -
Vue自定义指令——el-select多选框 设置默认值并且不可编辑
因为el-select原生就可以实现下拉列表的选项禁用,指定项不可添加。那么想要实现设置默认值并且不可编辑,只要实现默认值不可删除即可。关闭按钮有着它自己的className:el-tag__close。那么只要将默认值的el-tag__close图标全部隐藏掉,就能实现设置默认值不可删除效果。具体指令如下: 在el-select中的应用:...原创 2022-06-17 20:32:55 · 11670 阅读 · 0 评论 -
el-loading使用指令方式时定义背景色、文字、icon,自定义loading动画
指令方式时定义背景色、文字、icon:<div v-loading.fullscreen.lock="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)"/>自定义loading动画:.el-loading-spinner { height: 40px; ..原创 2022-04-28 19:37:40 · 2368 阅读 · 0 评论 -
CSS——两个属性实现dom缩放功能
1、关于 <textarea> 引发的思考因为<textarea>元素是自带缩放功能的,本来想参考它的实现给我要实现缩放的<div>元素添加一个类似的缩放,但是研究了下发现它的缩放好像不是依靠 JS 事件。于是抓了下<textarea>的原生css如下:resize:看到了resize这个关键属性,然后就给我的<div>加上了resize:但是并没有生效。我的<div>没有发生任何改变😟,甚至连鼠...原创 2022-05-23 20:51:07 · 1120 阅读 · 0 评论 -
Vue——router跳转以及传参方式
跳转的方式Vue因为由vue-router的关系,提供了页面携带参数跳转的方式1、提供 <router-link> 元素,点击直接跳转<router-link :to="{ path: 'path', query: { key: '扁扁的糖是扁的' } }"> 跳转页面</router-link>2、提供 this.$router.push 方法跳转this.$router.push({ name: 'name',原创 2022-05-13 17:08:36 · 2443 阅读 · 0 评论 -
el-tree重写勾选逻辑,实现父子节点勾选不互相关联,选中父级自动勾选子集,选中子集不勾选父级
<el-tree ref="leftTree" :check-strictly="true" @check-change="checkChange"/>/** * @description: 重写勾选逻辑 * @param node 选中的数据 * @param checked 是否选中 * @return void */checkChange(node, checked) { //全部取消/选择 const setChecked = (arr, i...原创 2022-04-19 19:21:09 · 2957 阅读 · 0 评论 -
一些html标签,懒的人不喜欢写CSS
为了做比较,默认的文本我添加了字号和颜色<div class="test-label"> <!-- 默认文本格式 --> <div>扁扁的糖是扁的</div></div>.test-label { font-size: 16px; color: #fff;}1、超链接 <a><a>扁扁的糖是扁的</a><a> 标签定义超链接,用于从一张页面..原创 2022-02-24 11:38:30 · 290 阅读 · 0 评论