- 博客(34)
- 收藏
- 关注
RSS订阅原创 v-model绑定v-for循环下的数据报错
您将v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组，因为写入别名就像修改函数局部变量一样。考虑使用对象数组，并在对象属性上使用v-model。
2023-11-22 17:41:55
332
原创 Ant Design Vue框架 select下拉以及TreeSelect树形选择模糊搜索
ant design vue的Select下拉、TreeSelect树形下拉模糊搜索
2023-05-04 16:13:11
4028
原创 vue 渲染时序
使用动态组件模板，通过传递的业务类型id，点击新增按钮的时候，显示弹窗中出现不同的模板，在点击新增按钮的时候，将两个值赋值给模板中的两个字段。在这个时候出现了一些问题，拿不到动态模板传过来的某写数据属性。三种解题思路，三种都使用到了，目前三种结果都得到了解决，只是过程有点曲折。
2023-03-23 14:38:57
277
原创 vue实现拖拽、关键字模糊过滤选择、菜单的编辑
此处使用了Vue的组件vant组件库链接：Vant组件库1、实现应用拖拽效果在上边可以对应用实现拖拽效果，可以调换应用的排列顺序代码钩子函数2、对应用进行关键字模糊查询搜索框使用了Vant的search组件通过v-model进行双向绑定，@input用来监听input输入框中的变化方法效果图如下3、菜单的编辑移动实现效果代码方法...
2021-05-21 15:51:37
288
原创 vue实现购物车简单功能
1、写商品信息数据2、点击加入购物车按钮，将数据加入到购物车内部（此处购物车与商品信息写在同一个页面内）添加按钮添加按钮的方法<script> export default{ methods:{ //点击添加按钮，将数据添加到购物车(即空数组baskets)中去，并对数量就行添加 addFood(row){ let boo = false; let index = 0; //index是如果存在这个产品
2021-05-10 11:31:47
7660
4
原创 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
3464
原创 圆形进度条
<!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
123
原创 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
171
原创 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
293
原创 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
749
原创 vue父子组件之间传参
父组件就是要展示内容的一个页面，需要在路由中进行声明，子组件不需要再路由中进行声明，如下图：父组件向子组件传参父组件需要在父组件的页面内引入子组件,可以使用驼峰式写法<template> <div> <mode :cMode="message" :ctext="text"></mode> </div></template><script> import mode from '@/vie
2021-03-17 16:37:01
261
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
203
原创 JavaScript高阶函数的使用
编程范式：命令式编程/声明式编程编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数）函数式编程高阶函数filter/map/reduce1、filter函数的使用filter函数相当于一个“筛选”函数，filter中的回调函数有一个要求，返回地必须是一个boolean值true：返回true时，函数内部会自动把返回的值加入新的数组中false：返回false时，函数内部会自动过滤掉这次要返回的值案例：// 返回小于100的数值 const nums = [10,20,
2021-03-15 15:02:44
92
原创 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
828
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
852
1
转载 html纯css实现导航栏下拉菜单（带下拉三级菜单）
本文转载于：https://blog.youkuaiyun.com/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
1622
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
503
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
1119
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
1197
原创 Axure9 局部变量和全局变量
1.先找几张图片插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务 完成任务创建一个表格一个简单的表格是这
2020-10-10 17:51:27
4127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人