悬浮搜索框：<template>
<div class="testPage">
<div>
<back></back>
<!--导航栏-->
<div class="crumbs">
&l
转载
2024-04-16 17:32:01
30阅读
1、前期准备在正式开发之前，我们先做好以下准备：在你的vue项目中引入element-ui （引入方法 戳这）说明：本案例是结合element-ui进行开发，主要是为方便实现上面第8点功能，大家若是引入其他UI框架也可以，功能实现方法参照本案例自行修改即可。申请百度地图AK前往 百度地图开放平台控制台 ，登录百度账号，创建应用即得。
2、引入百度地图下面介绍如何在vu
六、文章搜索6.1 创建组件并配置路由1、给搜索按钮添加to属性<!-- 导航栏 -->
<van-nav-bar class="page-nav-bar" fixed>
<van-button
class="search-btn"
slot="title"
type="info"
s
转载
2024-06-20 16:58:14
73阅读
文章目录前言列表的基本使用Key的原理列表过滤列表排序 前言本篇文章讲述Vue中最基本的列表使用，如何迭代列表取值，如何对列表进行过滤、排序等。列表的基本使用在Vue中使用列表的时候灰常简单，只需要将Vue属性内的列表数据与dom标签进行绑定即可，使用固定的指令v-for可以迭代列表并渲染出包含数据的dom元素。以下是v-for指令的基本用法： v-for的用法：用于展示列表数据
语法：v
转载
2024-05-08 16:45:49
38阅读
SEO 优化：搜索引擎优化让搜索引擎更好的 定位到相应数据
SEO 基本条件： 1. 多页面--->蜘蛛抓取（爬虫） 2.页面要有蜘蛛抓取的内容 3.页面要有 title，描述，关键词
vue 项目本身不具备这些条件
1.Vue 项目本身是单页面应用 SPA（single page web application）。不具备多页面的条件
2.Vue 打包后的项目只有一个 index.html
转载
2024-10-08 21:26:01
13阅读
这里写自定义目录标题1、背景2、分析3、实现（1）form表单组件（searchForm.vue）示例代码：（2）formItem表单项组件（formItem.vue）示例代码：4、关键点5、参数配置项解释（1）示例：（2）参数传递解析的流程：（3）特殊情况的处理6、按钮组7、使用方式示例8、完整代码（1）searchForm.vue（2）formItem.vue依赖引入的一些函数方法 tool
转载
2024-04-27 22:16:38
75阅读
建立索引是加快查询速度的有效手段 建立索引： create [unique] [cluster] index <索引名> on <表名> (<列名>[<次序>] [,<列名>[<次序>]]…); 索引可以建立在该表的一列或多列上，各列名之间用逗号分隔 用<次序>指定索引值的排列次序，升序（默认）：A
原创
2021-07-29 18:26:19
270阅读
前端开发过程中对数据的遍历是非常常见的操作，在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种：some()和findIndex() ，二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用，some()方法在这里不再多讲。一、findIndex() 方法的定义和使用原理1、findIndex() 方法返回的是传入的一个需求条件(函数)
转载
2024-04-02 12:59:33
200阅读
vue 定义变量
原创
2023-10-23 09:56:18
158阅读
vue 定义变量
原创
2023-10-23 10:18:47
212阅读
写在前面：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数，这两个设置不太难，而且有一些共通之处，可能有一些朋友对此不太了解，所以随便写出来分享一波。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面
转载
2023-06-24 22:56:33
162阅读
简介组件是可复用的 Vue 实例。本质上是一个对象，该对象包含data、computed、watch、methods、filters以及生命周期钩子等成员属性。组件结构：{
data(){
return {
//
}
},
computed:{
displayName(){
return '';
}
},
methods:
转载
2024-04-01 11:07:04
76阅读
1.矩阵索引的概念如果矩阵是一个电影院，那么矩阵索引就是每个座位的编号，每个观众都可以通过这个编号找到自己的位置，同样的，通过矩阵索引可以找到每个元素的位置。2.矩阵索引的表达方法例如，对于1*4的矩阵A=[5 6 7 8]，A中第1行第2列的元素是6，记作：A(1,2)那么返回值为6；说明，索引方式是使用小括号，把行序号和列序号分别作为第一个和第二个参数，这种索引方式称为下标索引（也叫组合索引）
转载
2023-06-03 19:51:04
391阅读
基本原理索引（INDEX）：帮助MySQL高效获取数据的数据结构 PS：索引本身很大，不可能全部存储在内存中，往往以索引文件的形式存储在磁盘上 优点：提高检索效率，降低数据库的IO成本；降低了排序成本，减少CPU消耗 缺点：占用空间，在写入数据时加大了开销索引结构： B树 （每个结点都包含指向数据指针） 效率高，但对内存开销大，每次查询缺页时都会加载较多数据 B+树 （只有叶子结点包含指针） 效率
转载
2024-03-17 14:06:58
87阅读
变更方法：Vue 能够侦听响应式数组的变更方法，并在它们被调用时触发相关的更新。这些变更方法包括:push（）:在数组末尾添加一个或者多个元素，返回新的长度。var arr = [1, 2, 3, 4, 5]; // 定义一个数组
arr.push(6); // 在数组末尾添加6
console.log(arr); // [1, 2, 3, 4, 5, 6]pop（）：在数组末尾删除一个元素，返回
数组特点： 数组元素，结构，类型 要一致 例如：数组元素为对象，每个对象下的key值都是一样的，value不一样1.如何判断html上是否改写vue的语法？ 1.看是否是在根模板中编写 在这个html文件
转载
2024-09-10 22:40:46
29阅读
Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push()pop()shift()unshift()splice()sort()reverse()以上七个数组都会改变原数组，下面来分别讲解它们的区别：var list = [3,4,5,6]push() 向数组的尾部添加若干元素，并返回数组的新长度；list.push(7,8) //返回数组的
//引入vue-easytableimport '@/libs/vue-easytable/libs/themes-base/index.css';import {VTable} from '@/libs/vue-easytable'<!--
easyTable-扩展
ps:
1、数据来源 （头部、body）
2、功能:
列拖拽width改变
转载
2024-04-15 13:35:53
97阅读
需求描述：在vue项目中，有时候，我们需要自定义百度地图的一些功能。譬如，现在的需求，就是需要自定义搜索内容和结果展示。类似如下页面的功能：首先在vue项目中，我们可以使用 vue-baidu-map 插件来替代直接引入百度地图js sdk。npm install --save vue-baidu-mapvue-baidu-map的具体使用文档参考官方文档：https://dafrok.githu
四，首页自定义搜索框的实现我们的搜索框，会在多个页面使用，所以我们这里把搜索框做成一个自定义组件，这样就可以在别的地方很方便的使用我们的搜索框了。老规矩，先看效果图 4-1，自定义搜索框组件我们这里使用自定义的组件，需要下面3步4-1-1，创建自定义组件首先我们要创建一个专门存放自定义组件的目录components，然后在conpontents里新建一个searchInput组件如下。 我
