
Vue
爱你三千遍斯塔克
从1开始,不从0开始,喜欢分享编程知识,一个喜欢敲代码的程序猿,平时喜欢写点博客,爱看动漫,偶尔会幻想,希望像路明非做点改变世界的事情,很喜欢的一句话:按照自己的意愿活下去,陆明非,时代有时候会带着各种偶然和热情。
学习交流群 293911833,喜欢编程知识的伙伴,可以互相交流
微信公众号:零一电科
B站账号:为了明天而奋斗1314
微信号:q13406692877,可以互相交个朋友
gitee测试用例开源库:git@gitee.com:lkc20000416/test-case.git
目前正在开发网站:lingyidianke.com
展开
-
大事件项目44----新篇章项目封面的校验
1、新篇章项目封面的校验2、封面选择3、这上面怎么解决,其实思路很像,先给一个不一样的标签绑一个change 事件4、你现在不是加了一个prop 吗5、我们绑定change 检测用户选择的文件6、如果他选了一下,我们让什么东西走一遍7、我们让表单单独校验一下封面规则8、再点一次发布,我们看到终于有值了9、就从学习入手,先从他入手,封面选择的表单的校验原创 2024-08-09 23:45:00 · 206 阅读 · 0 评论 -
端口,自定义端口,端口写死,Vue如何自定义端口号,这里很关键,因为前后端数据交互,如果在WebConfig中写死了,端口号不对,会导致访问数据失败
【代码】端口,自定义端口,端口写死,Vue如何自定义端口号,这里很关键,因为前后端数据交互,一般在WebConfig中写死了,端口号不对,会导致访问数据失败。原创 2024-06-25 01:11:19 · 227 阅读 · 0 评论 -
青戈大佬安装Vue,无Eslint安装版,vue2安装,vue2无eslint,最简单配置Vue安装资料
第一步 vue create helloworld选择Babel和RouterVue选择2.x选Yes和Package.json原创 2024-06-24 21:07:54 · 240 阅读 · 0 评论 -
Vue2和Vue3的安装,vue2的安装和初始化配置
【代码】Vue2和Vue3的安装,vue2的安装和初始化配置。原创 2024-06-24 23:45:00 · 207 阅读 · 0 评论 -
路由不跳转,只留在首页,写的样式写到了App.vue中,没使用router-view
原创 2024-06-10 09:30:45 · 121 阅读 · 0 评论 -
获取指定位置的字符,charAt(index)、str[index],字符串截取str.slice(1,-1),表示从第二个截取到倒数第二个,str.slice(2,s2),str.concat()
获取指定位置的字符,charAt(index)、str[index],获得指定位置的字符,通过往里面提供编号,得到字符串的值substring(开始索引,结束索引),slice()和substring()基本一样,但可以接受负数,负数代表倒数console.log(str.slice(1,-1)) //表示从第二个截取到倒数第二个substr(开始索引,截取的长度)console.log(str.slice(2,2)) //表示从第三个截取两个字符之后查如何截取最后一个字符s原创 2024-05-22 11:33:10 · 266 阅读 · 0 评论 -
Indexof是从前向后查找位置,lastIndexOf是从后往前查找:输出他们的位str.Indexof是编号,str.includes(‘1‘)是布尔,startsWidth()是开头,返回是布尔
日常工作中,我们可能会碰到提取base64字符串的工作需求?比如 data:Indexof是从前向后查找位置,lastIndexOf是从后往前查找:输出他们的位置第一位是0,-1是没有找到任何内容str.includes('1')是否包含特定内容,是true,不是falsestartsWidth()字符串是否以指定的内容开头,是trueendWidth()字符串是否以指定大的内容结尾原创 2024-05-22 11:02:27 · 192 阅读 · 0 评论 -
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
【代码】Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级。原创 2024-05-22 15:15:00 · 190 阅读 · 0 评论 -
ElementPlus表单不居中怎么办????
【代码】ElementPlus表单不居中怎么办????原创 2024-05-02 22:04:03 · 453 阅读 · 0 评论 -
文本-----富文本图片上传手工资料(上)实现图片上传和下载简单代码
private static final String STORE_DIR = "D:\\project\\零一电科\\技术资料\\lingyidianke\\zeroBackEnd\\ZerosBackEnd\\src\\main\\resources\\pict\\";原创 2024-05-01 01:36:39 · 212 阅读 · 0 评论 -
文本,快速上手富文本+富文本图片上传,文件物理存储位置如何定义常量,
飞哥不鸽呀GitHub - xuhuafeifei/fgbg-font-and-back: the things at front and back3、常量的定义方法原创 2024-04-30 17:34:53 · 499 阅读 · 0 评论 -
好的设计,文本-------------------字体嵌入,图形化管理技术,当你搜索,或者关注某个具体的地方,可以引入一种使用图形进行外标,比如方框,以更快找到该内容
下标原创 2024-04-30 12:04:16 · 97 阅读 · 0 评论 -
文本,在线浏览PDF,一个最简单的文档标准样式,文档预览非常简单的样式,文档管理样式设计,标准,好的设计
【代码】文本,在线浏览PDF,一个最简单的文档标准样式,文档预览非常简单的样式,文档管理样式设计,标准,好的设计。原创 2024-04-30 11:33:36 · 464 阅读 · 1 评论 -
文本,在线浏览xlsx
【代码】文本,在线浏览xlsx。原创 2024-04-30 10:54:56 · 749 阅读 · 0 评论 -
文本,docxView在线预览docx文件(Word)
【代码】文本,docxView在线预览docx文件(Word)原创 2024-04-30 03:33:17 · 969 阅读 · 0 评论 -
数据共享方式,父组件向子组件共享数据,子向父,兄弟,Vuex
父传子:通过props接收数据对应的子组件,子组件在export default中写propsVue父向子供应数据子传父,生命事件监听子组件的事件兄弟组件传输数据第一步,传递数据第二步 创建公共的EventBus模块eventBus.js创建外界传什么值,我们就把他挂载在什么位置上声明一个事件处理函数复制一下声明数据接收方vuexstore.js实现数据共享原创 2024-04-30 03:01:28 · 145 阅读 · 0 评论 -
Watch监听器的写法,与data平级,可以赋予username新值和旧值,可以监听用户名是否可用,立即调用侦听器,watch同级username:{},immediate:true,对象无,deep
检测用户名的写法组件写完立即调用侦听器的方法immediate:true的写法通过这种方式监听每一个属性的变化原创 2024-04-30 02:19:26 · 172 阅读 · 0 评论 -
文本,视频网站轮播框如何只播放前五条数据
【代码】文本,视频网站轮播框如何只播放前五条数据。原创 2024-04-29 23:10:55 · 407 阅读 · 0 评论 -
代码生成器资料
SpringBoot + Vue代码生成器,一键生成计算机毕设太爽了!_哔哩哔哩_bilibili原创 2024-04-18 13:23:41 · 264 阅读 · 0 评论 -
Vue插值表达式数组写法,插值表达式,如何插入数据,数组,集合,{{}}多项数据显示页面的写法
【代码】Vue插值表达式数组写法,插值表达式,如何插入数据,数组,集合,{{}}多项数据显示页面的写法。原创 2024-04-13 09:06:59 · 251 阅读 · 0 评论 -
Vue使用scss,sass,lang=“scss“
原创 2024-04-13 03:32:48 · 279 阅读 · 0 评论 -
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
【代码】ElementPlus卡片如何能够一行呈现四个,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能是在其他组件写了错误,找到那个位置,围绕着那个位置解决问题最快了。原创 2024-04-09 01:09:44 · 1117 阅读 · 4 评论 -
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
参考资料:【带小白做毕设】6. Vue管理系统速成_哔哩哔哩_bilibili使用style添加样式style="margin-left:20px",使用了flex布局之后,上一篇文章,添加style样式就行下拉菜单的写法,第一步找到Dropdown下拉菜单:右侧给他来一个自适应的布局:<div style="flex: 1;width: 0;display: flex;align-items: center;justify-content:flex-end">原创 2024-04-06 21:26:54 · 569 阅读 · 0 评论 -
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
默认有一个图标,这里设置一个图标icons如何通过类进行替换 添加阴影部分侧边栏如何设置阴影:el-header如何使文字和icon在一侧,要添加一个flex布局原创 2024-04-06 19:57:59 · 449 阅读 · 1 评论 -
Element Plus如何动态切换icon
Element Plus最新图标引入以及使用方法,icon动态组件,点击切换图标_@element-plus/icons-vue-CSDN博客Script中一定要引入你的icon才可以 定义一个isCollapse判断显不显示这样就是实现切换了,用了component原创 2024-04-06 16:13:18 · 1471 阅读 · 0 评论 -
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
如何设置高亮效果样式写成这样就行如果二级标题和图标也想要发生改变,添加这段代码就行了写成这样就出现了折叠效果的初步形状了 这里要在头部添加一个标签伸缩图标如何做,这里图标消失不见了,该怎样设置效果原创 2024-04-06 11:06:42 · 493 阅读 · 0 评论 -
Vue3的使用,ref定义基本类型的响应式数据,如何创建对象类型的响应式数据,let car = {brand: ‘奔驰‘,price: 100},{{car.brand}},reactive的使用
如何定义对象类型的数据最简单的基本类型,在ts中定义letlet car = {brand: '奔驰',price: 100}我们想要点击一下,就能够 +=10点击之后,没有任何反应reactive如何使用import {reactive } from 'vue'引入之后,再使用就行了现在就可以用了原创 2024-04-05 18:05:09 · 227 阅读 · 0 评论 -
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
1、使用ref的第一步,使用 import {ref} from 'vue'进行引入1、 {{naeme}2、name和age是响应式的3、谁变就用ref把他包一下设置一下打印数值看看数值已经呈现出来了模板里不用.value,他自动给你.value了函数配置的时候.value原创 2024-04-05 17:48:18 · 223 阅读 · 0 评论 -
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
010.setup的语法糖_哔哩哔哩_bilibiliVue3你定义变量的时候,必须把变量return出去才能用Vue3中带setup的script的标签和不带能不能合并到一起export default 不能放到setup里,会报错放在一起然后报错了如果想要想要合并script,这里如何实现这里要安装一个插件:npm i vite-plugin-vue-setup-extend -D在viteConfig.js放入这个配置之后在plu原创 2024-04-05 17:12:26 · 490 阅读 · 0 评论 -
Vue2和Vue3的区别,OptionsAPI与CompositionAPI的区别,Vue2所有的数据,都写在data和method方法中,setup是一个全新的配置项,Vue2是选项式API的写法
Vue2存在着dataVue2和Vue3不同的一个很大的区分点,Vue2项目存在的data和method,在Vue3中都不存在Vue2的写法Vue3定义变量的写法Vue2和Vue3区别一在于原先写在data(){ return { name: '张三'}}转换为了export default中setup进行编写export default {setup(){let name = '张原创 2024-04-05 16:07:28 · 315 阅读 · 0 评论 -
ELEMENT-UIPLUS,二级侧边栏不出来,往上面跑了,如何解决
【代码】ELEMENT-UIPLUS,二级侧边栏不出来,往上面跑了,如何解决。原创 2024-04-04 23:57:21 · 158 阅读 · 0 评论 -
element汇总,element-UI使用资源汇总,这是汇总表,卡片布局
ERR_SOCKET_TIMEOUT Socket timeout-CSDN博客序---Vue3项目如何使用ts,在使用之前必须选ts-CSDN博客学习Vue3,Element-UI好的网站---邓瑞编程,图标引入-CSDN博客2.图标 - 邓瑞编程 (dengruicode.com)Vue3,element-ui,ElementPlus UI视频资源-CSDN博客ElementUI教程好的资源-CSDN博客Failed to execute ‘setAttribute‘ on ‘Element‘: ‘;m原创 2024-04-03 22:15:57 · 706 阅读 · 0 评论 -
序---Vue3项目如何使用ts,在使用之前必须选ts
【代码】序---Vue3项目如何使用ts,在使用之前必须选ts。原创 2024-04-03 21:04:30 · 302 阅读 · 0 评论 -
element-ui,输入框,单选框和复选框,单选框如何设置为默认选中,单选和多选,日期选择器,表单,对话框(点击,呈现一个新的页面),分页,表格
const content = ref('邓瑞编程')const selected = ref('2') //选中的下拉框</script><template>">-- clearable 可一键清空 --><h3>输入框</h3><el-input v-model="name" clearable placeholder="请输入用户名" />-- show-password 可切换显示隐藏密码 --><h3>密码框</h3>原创 2024-04-03 18:29:15 · 1038 阅读 · 0 评论 -
ElementPlus UI 按钮使用,图标,提示框,导航,标签页,提示框,水平导航,垂直导航,面包屑, 下拉菜单,带有边框的卡片的风格
导航一导航二原创 2024-04-03 15:45:38 · 1250 阅读 · 0 评论 -
Vue3使用element-plus图标,局部引入写法
【代码】Vue3使用element-plus图标,局部引入写法。原创 2024-04-02 21:56:46 · 419 阅读 · 0 评论 -
.vitepress执行了,npm init,npm,修改了scipt,出错了如何解决,vitepress的配置,结合up主成功版,能够实现侧边栏跳转,解决方法,一个一个尝试
【代码】.vitepress执行了,npm init,npm install -D vitepress vue,修改了scipt,出错了这里该如何解决,vitepress的配置,结合up主成功版。原创 2024-03-18 15:00:00 · 357 阅读 · 0 评论 -
文本,vitepress代码风格配置和序号配置,第几行到第几行出现高亮显示,最上方图标出现 ,网页排序出现博客,vitepress如何默认折叠效果
出现 博客小标志的配置方式默认折叠效果:原创 2024-03-17 04:45:56 · 305 阅读 · 0 评论 -
文本,好的博客链接-https://free_pan.gitee.io/freepan-blog/articles/01-%E4%BD%9C%E5%93%81%E9%9B%86/
Pan的技术生涯 | Pan的技术生涯 (gitee.io)原创 2024-03-17 03:58:00 · 303 阅读 · 0 评论 -
文本,vitepress标题的写法 #xxx(一级) ##(二级)###(三级)####(四级)
原创 2024-03-15 18:15:02 · 225 阅读 · 0 评论