自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 百度富文本编辑器ueditor上传图片文件(前端)

然后就可以使用ueditor上传图片或文件啦!我这里上传一个图片给大家做示范。当我开开心心发现页面能显示编辑框时,我想要上传图片,但是出现以下报错QAQ。可以在blog/目录下找到上传的图片,还有什么问题可以私聊我^ _ ^,所以他就会上传到我这个文件路径下,你们可以按照自己的需要更改。然后我到处找教程但是都没用QAQ,官方文档也看不懂。是我定义的文件上传路径,因为我做的是博客所以是。记录一次我辛辛苦苦找到的上传图片,文件方法。后来发现只要在ueditor实例加上。不需要修改,传入参数。

2024-11-28 23:03:41 738

原创 Vue学习之路17----事件

可以自定义事件让子组件向父组件传值。

2024-11-05 23:33:53 443

原创 Vue学习之路16----pinia

新建一个文件夹store,里面用来存放数据。安装后可以看到底下多了pinia插件。在main.js中引入pinia。需要解构响应式数据时,可以使用。

2024-11-03 18:14:23 406

原创 Vue学习之路15----Props

props可以实现父组件向子组件传递数据,也可以实现子向父传参。需要接收props才能在script中使用。

2024-11-03 18:05:03 336

原创 Vue学习之路14----组件路由

​ 在路由组件被展示时,他被挂载。切换到其他路由时,他被销毁。history模式更接近传统网站url,hash则带有#​ 我这里再新建组件文件夹里面存放可供路由更换的组件。在router/index.js中写路由并暴露。目前路由的配置基本完成,可以在组件中使用了,传参是最简洁的,下一小节我将会讲解。在main.js中使用路由。在App.vue中使用路由。代表history模式,用。进行传参,则需要如下操作。属性浏览器将不记录历史。需要在项目路径下安装。用于展示路由中的组件。​ 在创建路由时,用。

2024-11-01 23:19:28 1507

原创 flex布局

​ 圣杯布局的页面在浏览器放大缩小时两侧边栏大小不变,中间弹性盒子伸缩。可以实现换行方式,默认不换行==(当子盒子宽度加起来大于父盒子时)==​ 可使子盒子按1:2:1的比例填充父盒子。可以实现水平填充或垂直填充,默认是水平填充。可以实现水平翻转或垂直翻转,默认不翻转。​ 父盒子设置属性(本网站中父盒子。可以实现排列位置的不同,默认靠左排。​ 在父盒子添加属性。​ 在父盒子添加属性。​ 在父盒子添加属性。​ 在父盒子添加属性。​ 在父盒子添加属性。​ 在父盒子添加属性。​ 在父盒子添加属性。

2024-10-28 17:48:46 661

原创 Vue学习之路13----组件基础

​ 构建一个组件可以在src目录下创建一个.vue文件,这被叫做单文件组件(简称SFC)

2024-10-26 16:55:00 214

原创 Vue学习之路12----模版引用

类似,引用时,变量/常量名应与。属性值一致,例如以下代码中的。这是在src目录下的2个组件。进行模版引用,他的作用与。'Person的hh:''Person的hh:'可以防止属性值冲突,

2024-10-26 13:04:40 1273

原创 Vue学习之路11----侦听器

Vue3中的watch只能监视以下4种数据:​ watch可以监视变量的变化并基于该变化做出响应,也可以关闭此侦听器,注意,你不能监听变量的属性值​ 一般使用数组监听多个数据​ watchEffect不需要指定监听哪个数据

2024-10-26 11:17:39 659

原创 Vue学习之路10----生命周期

beforeCreate和created只能这样写。这些on开头的方法都是钩子,(以下图片来自官网)

2024-10-21 15:28:15 368

原创 Vue学习之路09----表单输入绑定

​​v-model。

2024-10-21 12:13:43 439

原创 Vue学习之路08----事件处理

​ 为解决这一问题,Vue 为。) 来监听 DOM 事件,前面。可以监听带参数的方法。

2024-10-20 22:22:54 329

原创 Vue学习之路07----条件渲染和列表渲染v-if和v-for

渲染对象时,建议添加key属性,key的主要目的是帮助Vue跟踪每个节点的标识,防止一些位置或状态错误。​ Vue 能够侦听响应式数组的变更方法,并在它们被调用时触发相关的更新。指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。可以直接接受一个整数值。在这种用例中,会将该模板基于。​ 另一个可以用来按条件显示一个元素的指令是。会在 DOM 渲染中保留该元素;指令基于一个数组来渲染一个列表。仅切换了该元素上名为。元素上使用,也不能和。形式的特殊语法,其中。的取值范围重复多次。

2024-10-20 21:37:14 428

原创 Vue学习之路06----类与样式绑定

​ 如下写法可以使得a的是否存在取决于isA的真假值。

2024-10-20 00:21:47 458

原创 Vue学习之路05----计算属性

​ computed一般是只读的,而在某些情况下,你必须修改他的返回值时,可以使用getter和setter。Vue 的计算属性会自动追踪响应式依赖。// 注意:我们这里使用的是解构赋值语法。的绑定都会同时更新。

2024-10-19 17:05:47 357

原创 Vue学习之路04----响应式基础

ref与reactive的相关内容

2024-10-19 12:10:48 745

原创 Vue学习之路03----模版语法

​ 使用双大括号进行文本插值,例如

2024-10-14 22:20:22 1754

原创 Vue学习之路02----创建一个Vue应用

​ 确保你安装了最新版本的,并且你的当前工作目录正是打算创建项目的目录。​ 例如:我要在D://learnvue目录下创建一个vue应用​ 那么我的learnvue文件夹中应有nodejs的相关配置。

2024-10-14 14:59:42 187

原创 Vue学习之路01----vue开发者工具的安装

vue英文官网:https://vuejs.org/vue中文官网:https://cn.vuejs.org/

2024-10-14 14:55:11 170

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除