- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue筛选
在Vue中，可以使用过滤器（Filters）或计算属性（Computed Properties）来实现筛选功能。下面分别介绍这两种方法的用法。
2023-09-09 23:19:05
25
原创 react动态路由
在React中，可以使用第三方库React Router来实现动态路由。React Router提供了一种简单的方式来管理应用程序的路由和导航。然后，在项目中创建一个路由文件（通常命名为。然后，在需要使用动态路由的组件中，可以使用。来获取路由参数，进行相应的处理。组件创建了一个根路由容器，并使用。组件配置了三个路由规则。接下来，在主入口文件（通常为。属性表示路径必须完全匹配，在上述代码中，我们通过。
2023-09-09 23:15:40
110
原创 vue动态路由
在Vue中，可以通过动态路由实现根据不同的参数值加载不同的组件或页面。Vue Router是Vue.js官方提供的路由管理器，可以用于实现动态路由。然后，在项目中创建一个路由文件（通常命名为。然后，在需要使用动态路由的组件中，可以使用。获取路由参数，进行相应的处理。等组件，并配置了三个路由规则。表示带有动态参数的产品详情页面。接下来，在主入口文件（通常为。），并配置路由规则。在上述代码中，我们通过导入。
2023-09-09 23:13:05
15
原创 react如何实现图表
你可以根据需要选择合适的库，并按照它们的文档和示例使用它们。React-Chartjs：这是一个基于Chart.js封装的React组件库，提供了丰富的图表类型和配置选项。Recharts：这是一个基于D3封装的React组件库，提供了易于使用的API和可定制的图表组件。Victory：这是一个功能强大且易于使用的React图表库，提供了丰富的图表类型和动画效果。React-vis：这是Uber开源的React图表库，提供了各种常用的图表类型和交互功能。React可以通过使用第三方图表库来实现图表的功能。
2023-09-09 23:09:52
34
原创 vue如何实现图表
ECharts: ECharts是百度开源的一个数据可视化库，提供了丰富的图表类型和交互方式。你可以在Vue项目中使用ECharts来实现图表功能。Chart.js: Chart.js是一个简单、灵活的图表库，提供了多种图表类型。Vue.js可以通过使用图表库来实现图表的功能。方法初始化了一个图表实例，并将其保存在。是一个DOM元素，用于容纳图表。方法设置图表的配置项，并在。方法中更新图表数据。
2023-09-09 23:08:55
35
原创 react怎么多输入框搜索
在组件中处理输入框的变化事件，并根据需要执行相关的搜索逻辑。可以使用 onChange 事件来监听输入框内容的变化，并在事件处理函数中更新对应的输入框状态。在组件中使用输入框的值进行搜索操作。根据需要，你可以将输入框的值传递给后端 API 进行搜索，或者在前端进行本地搜索操作。
2023-09-09 23:05:58
58
原创 Vue3 word如何转成pdf代码实现
同时，为了确保系统的安全性，还应该对上传的文件进行适当的验证和限制，避免服务器资源耗尽，以及处理其他潜在的问题。请注意，这只是一个简化的示例，实际项目中可能需要更复杂的实现，特别是在处理大型文件和处理错误时。在Vue 3中，前端无法直接将Word文档转换为PDF，因为Word文档的解析和PDF的生成通常需要在后端进行。首先，你需要在Vue组件中创建一个用于上传Word文档的表单，用户可以选择要上传的文件。// 将上传的文件保存在组件的data中，便于后续发送到后端。// 处理文件上传逻辑。
2023-09-02 16:04:47
322
原创 for-in循环一看就懂
这段html代码是最基础的，用于将数据拼接在里面，js代码虽然重要，但是基础的代码也是很重要的。title: "无尽火域大老板",title: "无尽火域大老板",title: "唐门门主",title: "10万年",title: "唐门门主",title: "10万年",title: "一二三",title: "一二三",name: "唐三",name: "小舞",name: "消炎",name: "测试",name: "唐三",name: "小舞",name: "消炎",
2023-08-19 15:23:57
19
原创 vue3ref的使用
ref可以用于创建普通的响应式数据，而shallowRef用于创建非深层次的响应式引用对象。在shallowRef下，如果对象的属性变化，Vue只会追踪对象本身的改变，而不会递归地追踪对象内部属性的改变。在上面的例子中，我们使用ref函数来创建一个响应式的引用对象count，并初始化其值为0。使用ref函数时，它会返回一个响应式对象，该对象有一个.value属性，用于访问和修改其值。在Vue 3中，ref是一个函数，用于创建一个响应式的引用对象。// 这里改变user对象本身，不会追踪对象内部属性的改变。
2023-08-19 15:23:09
19
原创 vue接口封装
import axios from 'axios'//先引入axios。在里面创建一个名为Api.js的文件。url: '要请求的地址',//这个data代表传过来的值。3，以这样的格式进行请求接口。找到src下的api。
2023-08-11 15:20:47
27
1
原创 vue表单校验
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' },{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' },sex: [{ required: true, message: '请选择性别', tigger: 'change' }],这个 :rules="rules" 就是需要验证的东西。
2023-08-11 15:20:13
17
1
原创 v-if和v-show的区别
v-show指令：元素始终被渲染到HTML，它只是简单的伪元素设置css的style属性，当不满足条件的元素被设置style=“display：none”的样，是通过修改元素的的CSS属性(display)来决定实现显示还是隐藏。v-if指令：满足条件是会渲染到html中，不满足条件时是不会渲染到html中的，是通过操纵dom元素来进行切换显示。v-show指令的作用是：根据真假值切换元素的显示状态,是响应式的。v-if指令的作用：根据表达式的真假切换元素的显示状态。3.v-show和v-if的区别。
2023-08-11 15:19:39
26
1
原创 vue实现搜索功能
过filter过滤到有那个值的，如果有就对表格进行赋值，如果日期选择器的值为空那就重新调用列表。placeholder="请选择凭证年-月搜索" />//绑定一个v-model值和用来搜索的change事件。//把日期选择器的type设置为month即可搜索年月。需要用到日期选择器和filter方法。通过列表里面的月份来进行搜索。
2023-08-11 15:19:01
23
1
原创 vue3在App.vue写的全局组件让指定页面不显示
route.meta.shovalues"，shovalues是自己起的名字，然后在index.js中，把。首先在App.vue项目把你的导航栏用一个div包起来，并设置v-if属性，因为v-if是取反，比如在App.vue写的导航栏需要在每个页面都用到，但是登录页面用不到该怎么让登陆页面不显示，
2023-08-11 15:16:29
65
1
原创 从接口获取获取到数组arr=[‘1‘,‘a‘,‘2‘,‘b‘,‘3‘,‘c‘]转换成{number：‘123’，char：‘abc’}
该代码将原始数组中的每个元素遍历一次，并根据元素类型将其添加到相应的属性中。如果是数字，则将其添加到result对象的number属性中；否则，将其添加到result对象的char属性中。最终，输出result对象即可得到所需的结果。// 如果是数字，将其添加到result对象的number属性中。// 如果不是数字，将其添加到result对象的char属性中。// 遍历原始数组，将数字和字符分别存储到result对象中。// 定义一个空对象，用于存储转换后的结果。// 判断当前元素是否为数字。
2023-08-11 15:15:14
31
1
原创 setInterval与clearInervar实现秒表功能
开始</button><button class="stop">暂停</button><button class="end">结束
2023-07-29 12:38:13
15
原创 js如何获取当前经纬度
上述代码会首先检查浏览器是否支持 Geolocation API，如果支持，则调用 getCurrentPosition 方法获取当前位置信息。在上述代码中，我们传入了一个回调函数，其中 position.coords.latitude 和 position.coords.longitude 分别表示设备的纬度和经度。需要注意的是，为了使用 Geolocation API，需要使用 https 协议或本地测试的时候可使用 localhost 协议。
2023-07-23 20:54:32
81
原创 vue3实现地图
在Vue 3中实现地图功能，可以借助第三方地图库，如百度地图、高德地图或谷歌地图，并结合Vue 3的组件化开发方式来完成。安装百度地图 SDK：在项目中安装百度地图 JavaScript API 的 SDK，可以通过。的文件，并定义地图组件的选项。标签引入或使用 npm 安装。javascript复制代码。
2023-07-14 09:25:48
95
1
原创 vue3如何使用插件
在Vue 3中，使用组件的方式相较于Vue 2有一些变化。以上是在Vue 3中使用组件的基本步骤。Vue 3引入了一些新的特性，如。方法等，以提高开发效率和代码组织性。javascript复制代码。javascript复制代码。javascript复制代码。javascript复制代码。javascript复制代码。
2023-07-14 09:24:27
31
1
原创 mysql基础
触发器（TRIGGER）是 MySQL 的数据库对象之一，触发器和编程语言中的函数非常类似，都要，声明，执行等。常用的数据类型，整形int，时间data，时间戳timestamp，字符串，varchar和char(varchar必须定义长度而char不需要)，浮点decimal，文本text。原子性：一个事务是最小的执行单位，不允许分割。隔离性：并发访问数据库时，一个用户的事务不被其他事务所干扰，各并发事务之间数据库是独立的。一致性：执行事务前后，数据保持一致，多个事务对同一个数据读取的结果是相同的。
2023-07-03 09:35:22
31
2
原创 如何创建数据表 标题
创建MySQL数据表需要以下信息： • 表名 • 表字段名 • 定义每个表字段 一般来说，创建数据表有如下注意事项： • 原始记录数据与表的对应关系 • 表名和字段名应遵循命名语法且应该明确含义 • 指定字段的数据类型 • 指定字段的其他如是否非空、是否有默认值等属性 • 定义表的属性如主外键、约束、索引等 • 与其他表的关系。语句查看数据表是否创建成功，然后使用desc 表名；可以查看结构的定义，以确 认表的定义是否正确。所谓创建数据表，指的是在已经创建的数据库 中建立新表。通过命令提示符创建表。
2023-07-03 09:34:19
46
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人