- 博客(14)
- 收藏
- 关注
RSS订阅原创 el-Select 选择器 底部固定
select 底部固定点击 滚动条直接到底部 展示input输入框 ，因为设计输入框是在select里面所以这样写要是输入框放在外面可能需要在js里继续写样式感兴趣的朋友可以尝试一下。需求select底部固定点击滚动条直接到底部展示input输入框。基本的引用element就不写了直接写重点。到这里基本结束了有问题留言。...
2022-08-02 14:23:49
2059
原创 Vue3 初学习 （记录）
学习目标：掌握Vue3的学习知识学习内容：1.setup(props, context){ }setup 不能使用this 调用props传过来 直接props.XXprops: 父组件传递过来的值context: 全局上下文 (attrs , slots , emit)解构写法 setup( props，{attrs, slots ,emit}) {}--------解构以后数据不是响应式数据---------attrs:获取css属性，非prop的attribute（
2022-05-17 09:50:15
466
1
原创 Vue + Vant 实现移动端 照片与视频预览 （记录）
项目使用到照片与视频预览， 记录一下引入vant 的照片预览基本样式 与html写法.photo_div{ ._img { display: flex; flex-wrap: wrap; img { width: 100%; height: 100%; } img, video { width: 0.65rem; height: 0.59rem; margin: 0.15r.
2022-04-18 14:27:03
3536
4
原创 Vue过滤器处理时间格式（记录一下）
import Vue from 'vue'Vue.filter('formaTime', value => { const date = new Date(value) const year = date.getFullYear() let month = date.getMonth() + 1 let day = date.getDate() let hours = date.getHours() let minutes = date.getMinutes() le.
2022-02-22 08:35:57
507
原创 Vue中ref $ref 的用法
在Vue中我们不需要获取dom节点，只要给元素绑定ref就可以获取（this.$refs.refName）ref的使用ref一般用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向该子组件实例<p ref="xi">Hello</p><children ref="children"></children>调用this..
2021-12-13 15:48:29
752
原创 【el-radio 选中样式修改为对勾】
element UI::v-deep .el-radio__input.is-checked .el-radio__inner::after {content: "";width: 10px;height: 5px;border: 2px solid white;border-top: transparent;border-right: transparent;text-align: center;display: inline-block;position: a..
2021-12-03 09:46:35
1944
原创 Vue 写todolist小案例
todolist – 记录你的待办事项目录整体结构大概就是这样,app.js是入口头部的代码添加了回车事件 我这边使用v-model绑定数据,也可以使用event事件中间部分list文件主要使用传值 这个文件相当于中间件item.vue这个文件是li文件,这个文件接收从app中传过来的数据 完成删除操作等footer文件这个文件主要完成 清除任务 全选以及全不选 接收app传过来的值app文件...
2021-08-22 11:56:13
550
1
原创 VUE的选项
vue中选项data methods props watch computeddata 存放数据在组件内，必须是一个返回初始对象的函数为了保证当前组件的多个实例直接不会共享data中的数据props 用于接收父组件传来的数据定义的props属性的对象，该对象中有四个属性：type ， default， required, validatortype:设置当前属性的数据类型，可以用数组设置多个数据类型：【String，Number】,一共有八种数据类型即：String、Number
2021-07-10 16:53:41
292
原创 VUE.js的使用（二）
Vue.js基本语法使用流程控制方面：v- if v-else-if v-else v-for<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l..
2021-07-10 15:30:51
125
原创 vue.js的使用
概念Vue.js是前端js的框架, vue框架的优点使用成本低,生态系统完整适应任何规模项目,体积小丶效率高丶性能好。建议参考vue官方文档Vue.js的基本用法：可以直接下载到本地（官网下载vue.min.js）或使用CDN，然后用 < script > 标签引入到页面中，Vue会被注册为一个全局变量。Vue.js基本语法使用1丶el:被称为挂载点,利用css选择器来设置vue实例挂载的元素2丶data:数据对象 用来绑定vue实例的数据变量,每个不同变量间用逗号隔
2021-07-07 19:57:22
175
2
原创 node.js教程
使用的版本我们可以使用以下命令来查看当前的 Node 版本：$ node -vv14.17.0注意：不同版本间可能是有差异的。第一个Node.js程序：你好 世界！脚本模式以下是我们的第一个Node.js程序：实例console.log("你好 世界");保存该文件，文件名为 hw.js， 并通过 node命令来执行：node hw.js程序执行后，正常的话，就会在终端输出 你好 世界。交互模式打开cmd终端，输入node进入命令交互模式，可以输
2021-06-28 17:15:55
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人