<div class="click-box" :style="{'top':top+'px','left':left+'px'}" @click="clickBox"> ...
转载
2021-07-27 16:52:00
2691阅读
2评论
2018.11.12 重构第一天1、vue如何使用vux 1.项目里安装vux,vux-loader,less-loader,yaml-loader npm install vux --save npm install vux-loader --save-dev npm inst
转载
2024-04-25 16:51:46
63阅读
首先看下面这段代码：<!DOCTYPE html><html lang=en><head> <meta charset="utf-8" /> <title>Hello world</title> <script src="vue.js">&
原创
2022-10-25 01:17:20
220阅读
前面的话 Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。本文将详细介绍Vue数组更新及过滤排序 变异方法 Vue 包含一组观察数组的变异方法，它们将会触发视图更新，包含以下方法 push() 接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移
转载
2024-07-12 14:04:33
449阅读
jQuery获取Select选择的Text和Value:
语法解释：
1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
一、 目标：vue 实现多个盒子（用户根据实际场景决定盒子数量）自由拖拽，改变宽度。二、应用场景：可自由拖动宽度的多栏布局。最典型的案例：编辑器（eg:vscode,idea等）下图为本人在项目中引用封装的组件实现的效果：三、组件设计由于该组件盒子数量不确定，所以我们设计组件时参考了Vuetify中的Form和FormItem的设计。即：外层大盒子处理分发的拖拽事件，里层的盒子负责展示各个Item
转载
2024-04-05 00:36:16
210阅读
上文介绍了 自定义拖拽组件的样式 的简单实现，本文将继续给大家分享如何拖拽改变 元件位置，文中通过示例代码介绍，感兴趣的小伙伴们可以了解一下本文主要介绍了选中元件后拖拽围绕着元件的点，变更元件的位置、大小，具体如下：效果图实现过程：控制点需要对元件进行绝对定位，定位到元素的周围给控制点设置鼠标样式给每个控制点绑定 mousedown 事件在每个控制点的身上按下的时候，记录元件的初始信息和鼠标按下时
转载
2024-06-04 11:27:04
120阅读
delimiters的作用是改变我们插值的符号。Vue默认的插值是双大括号{{}}。但有时我们会有需求更改这个插值的形式。 现在我们的插值形式就变成了${}。代替了{{ }}
原创
2021-08-07 13:03:26
883阅读
vue的watch和$watch(深度监听) 列举大概<div>
<p>FullName: {{fullName}}</p>
<p>FirstName: <input type="text" v-model="firstName"></p>
</div>
new
Vue({
el:
首先看下面代码：<!DOCTYPE html><html lang=en><head> <meta charset="utf-8" /> <title>Hello world</title> <script src="vue.js">&am
原创
2022-10-25 01:43:09
98阅读
1.在vue框架中有watch监听函数，用来监听数值的改变，监听对象可以是一个变量也可以是一个对象。我此次项目中监听的是日期选择器的变化。2.监听器（watch）是一个对象，要当成对象来使用。3.watch监听的函数接受两个参数：handler:function(newVal,oldVal)，第一个参数表示改变后的新值，第二个参数表示改变前的值。监听的数据必须是data中声明过的或者是父组件向子组
当在子组件中改变基本数据类型时，父组件中的值不会改变，但是当改变引
原创
2023-01-07 16:37:43
266阅读
<van-button v-if="alreadySendVerficode" :class="sendVerficodeFlag ? 'send-verticode-btn' : 'send-verticode-btnSure'" size="small" :disabled="sendVerfi ...
转载
2021-07-21 18:35:00
342阅读
2评论
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阅读
# Redis 改变值的深入探讨
## 引言
Redis 是一个高性能的内存数据结构存储系统，广泛用于缓存、消息中间件和数据持久化等场景。它支持多种数据类型，包括字符串、哈希、列表、集合和有序集合等。在开发和运维过程中，操作 Redis 中的值是非常常见的需求。本文将探讨如何在 Redis 中改变存储的值，并提供一些编码示例，帮助大家更好地理解。
## Redis 基本操作
在 Redis
原创
2024-08-25 06:57:20
16阅读
例子 改变textarea的rows属性
查看代码
打印
1.
$("button").click(function(){
2.
$("textarea").attr("rows","30");
3.
}); 第一种用于设置单个属性 attr( name , attribute) 
转载
2023-05-18 17:41:31
272阅读
# 解决Vue框架下jQuery设置值后value没有改变的问题
## 问题描述
在Vue框架下，使用jQuery设置DOM元素的值后，发现对应的Vue数据并没有得到更新。这是因为Vue的数据绑定机制会跟踪数据的变化，但jQuery的操作并不会引起Vue的响应式更新。
## 解决流程
为了解决这个问题，我们需要按照以下流程进行操作：
| 步骤 | 操作 |
| -------- | ----
原创
2024-02-10 03:19:23
167阅读
# jQuery改变值的实现步骤
## 概述
在使用jQuery开发时，经常需要通过代码动态改变页面元素的值。本文将向刚入行的小白介绍如何使用jQuery来实现“jquery改变值”这一功能。
## 实现步骤
下表展示了整个实现过程的步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 引入jQuery库 |
| 2 | 选择需要改变值的元素 |
| 3 | 编写代码改变
原创
2023-08-01 22:26:11
106阅读
# JavaScript 改变值
## 引言
JavaScript 是一种广泛使用的脚本语言，用于为网站提供交互性和动态性。在 JavaScript 中，我们经常需要改变变量的值来实现不同的功能和效果。本文将介绍在 JavaScript 中如何改变变量的值，包括基本数据类型和对象。
## 基本数据类型
JavaScript 中的基本数据类型包括数字（Number）、字符串（String）、
原创
2023-08-05 06:12:05
81阅读
在学习vue的时候，发现学习网站举例子的时候，采用的多是new Vue的方式在网上的项目原码多使用的是export default只有在项目中main.js中使用的方式和教学网站类似那这两种有什么区别？下面找到一篇文章，可以给大家进行基础解释：下面截取了部分内容：default是ES6的语法，用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地
