- 博客(34)
- 收藏
- 关注
原创 v-model绑定v-for循环下的数据报错
您将v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组,因为写入别名就像修改函数局部变量一样。考虑使用对象数组,并在对象属性上使用v-model。
2023-11-22 17:41:55
238
原创 Ant Design Vue框架 select下拉以及TreeSelect树形选择模糊搜索
ant design vue的Select下拉、TreeSelect树形下拉模糊搜索
2023-05-04 16:13:11
3581
原创 vue 渲染时序
使用动态组件模板,通过传递的业务类型id,点击新增按钮的时候,显示弹窗中出现不同的模板,在点击新增按钮的时候,将两个值赋值给模板中的两个字段。在这个时候出现了一些问题,拿不到动态模板传过来的某写数据属性。三种解题思路,三种都使用到了,目前三种结果都得到了解决,只是过程有点曲折。
2023-03-23 14:38:57
218
原创 vue实现拖拽、关键字模糊过滤选择、菜单的编辑
此处使用了Vue的组件vant组件库链接:Vant组件库1、实现应用拖拽效果在上边可以对应用实现拖拽效果,可以调换应用的排列顺序代码钩子函数2、对应用进行关键字模糊查询搜索框使用了Vant的search组件通过v-model进行双向绑定,@input用来监听input输入框中的变化方法效果图如下3、菜单的编辑移动实现效果代码方法...
2021-05-21 15:51:37
234
原创 vue实现购物车简单功能
1、写商品信息数据2、点击加入购物车按钮,将数据加入到购物车内部(此处购物车与商品信息写在同一个页面内)添加按钮添加按钮的方法<script> export default{ methods:{ //点击添加按钮,将数据添加到购物车(即空数组baskets)中去,并对数量就行添加 addFood(row){ let boo = false; let index = 0; //index是如果存在这个产品
2021-05-10 11:31:47
7509
3
原创 vue登录界面(点击登录之后,用户名替代登录、注册按钮)
此处使用了Element-ui组件。1、在注册页面对用户注册信息进行存储(此处使用本地存储数据,存储在浏览器中)<script> export default{ methods:{ submitResgiter(form){ // ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素 // validate 表单验证 this.$refs.form.validate((valid) =&
2021-05-08 16:19:50
3286
原创 圆形进度条
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>圆形进度条</title> <script src="../../../js/jquery-3.3.1.js"></script> </head> <body> <div class="bar-box"> .
2021-03-31 17:16:04
98
原创 canvas小球连线-碰壁折返
效果图只是截取了一个图片:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>小球连线-碰壁折回</title> </head> <body> <canvas id="canvas"></canvas> <script> var canvas = document.
2021-03-31 10:08:13
153
原创 canvas 鼠标动画特效之彩色小球球移动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标跟随彩色小球</title> </head> <body> <canvas id="canvas" width="600" height="500"></canvas> <script> // 1.获取画布
2021-03-30 18:19:10
258
原创 canvas基础使用方法
使用canvas的时候,必不可少的有几点:1.需在视图中写如canvas标签,并设置一个id属性,以及画布的大小(画布的大小只能写在标签中,写在样式里面是无效的)<canvas width="500" height="500" id="canvas"></canvas>在JavaScript中需要获取画布和上下文var can = document.getElementById("canvas")var ctx = can.getContext("2d")1、
2021-03-30 17:31:25
684
原创 vue父子组件之间传参
父组件就是要展示内容的一个页面,需要在路由中进行声明,子组件不需要再路由中进行声明,如下图:父组件向子组件传参父组件需要在父组件的页面内引入子组件,可以使用驼峰式写法<template> <div> <mode :cMode="message" :ctext="text"></mode> </div></template><script> import mode from '@/vie
2021-03-17 16:37:01
212
1
原创 vue局部组件与全局组件的注册
1、全局组件注册在components文件夹内创建组件文件在Home.vue文件内写入需要的内容<template> <div class="nav"> <h2 style="color: #0000FF;">{{message}}</h2> </div></template><script> export default{ name:'Home', //此处的name是方便在浏
2021-03-16 14:52:51
165
原创 JavaScript高阶函数的使用
编程范式:命令式编程/声明式编程编程范式:面向对象编程(第一公民:对象)/函数式编程(第一公民:函数)函数式编程高阶函数filter/map/reduce1、filter函数的使用filter函数相当于一个“筛选”函数,filter中的回调函数有一个要求,返回地必须是一个boolean值true:返回true时,函数内部会自动把返回的值加入新的数组中false:返回false时,函数内部会自动过滤掉这次要返回的值案例:// 返回小于100的数值 const nums = [10,20,
2021-03-15 15:02:44
80
原创 jQuery动态追加菜单(一级菜单、二级菜单分开写)
写二级菜单的时候,大部分都是将二级菜单写入在一级菜单内部,如下所示: <div class="nav2"> <ul class="nav2-ul"> <li class="nav2-li"> 菜单一 <div class="nav2-menu one2" style="display: none;"> <div>我是一号菜单</div>
2021-03-11 15:05:43
799
2
转载 vue v-for出来的列表,点击当前,当前被点击的字体变颜色(:class)
<template> <div> <div v-for="(item , index) in semesterSelection" @click="changSemester(index)" :key="index" :class="{blue:i===index}"> <p>{{ item.name }}</p> </div> </div></template&
2021-03-04 18:09:11
806
1
转载 html纯css实现导航栏下拉菜单(带下拉三级菜单)
本文转载于:https://blog.csdn.net/qq_30449567/article/details/80548720<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>庄稼汉</title> <style> * { margin: 0;
2021-03-04 18:07:15
1510
1
转载 jQuery实现三级菜单
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src
2021-03-04 17:58:59
477
1
原创 vue通过使用vuex、axios异步调用json文件内的数据
在vue文件内写入需要的内容,如<div class="nav"> <div class="addInfo"> <input type="text" v-model="addData"/> <button@click="addInfo()">添加数据</button> </div> <div class="content"> <div class="list
2021-03-03 14:42:00
1057
1
原创 vue通过axios调用在static文件内的json文件的数据
vue通过vuex、axios调用在static文件内的json文件的数据在项目内的静态文件static内创建一个json文件json文件内的内容如下在vue文件内引入axios完整代码如下<template> <div> <div class="nav"> <!-- vue通过使用axios调用json文件内的数据 --> <ul> <li v-for="(item,ind
2021-03-03 11:22:22
1112
原创 Axure9 局部变量和全局变量
1.先找几张图片插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务 完成任务创建一个表格一个简单的表格是这
2020-10-10 17:51:27
3925
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人