第三章：Vue基础---条件渲染、列表渲染、收集表单数据、过滤器

最新推荐文章于 2022-07-26 13:30:14 发布
最新推荐文章于 2022-07-26 13:30:14 发布
阅读量396 收藏
点赞数
分类专栏： 前端Vue基础 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soulcow/article/details/124757825
版权

一：条件渲染

条件渲染：

 1.v-if

  写法：

         (1).v-if="表达式"

         (2).v-else-if="表达式"

         (3).v-else="表达式"

适用于：切换频率较低的场景。

特点：不展示的DOM元素直接被移除。

注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。

2.v-show

写法：

         v-show="表达式"

适用于：切换频率较高的场景。

特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉

3.备注：

使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到。

//准备好一个容器-->
		
<div id="root">
			<h2>当前的n值是:{{n}}</h2>
			<button @click="n++">点我n+1</button>

			<!-- 使用v-show做条件渲染 -->
			<!-- <h2 v-show="false">欢迎来到{{name}}</h2> -->
			<!-- <h2 v-show="1 === 1">欢迎来到{{name}}</h2> -->

			<!-- 使用v-if做条件渲染 -->
			<!-- <h2 v-if="false">欢迎来到{{name}}</h2> -->
			<!-- <h2 v-if="1 === 1">欢迎来到{{name}}</h2> -->

			<!-- v-else和v-else-if -->
			<!-- <div v-if="n === 1">Angular</div>
			<div v-else-if="n === 2">React</div>
			<div v-else-if="n === 3">Vue</div>
			<div v-else>哈哈</div> -->

			<!-- v-if与template的配合使用 -->
			<template v-if="n === 1">
				<h2>你好</h2>
				<h2>孙悟空</h2>
				<h2>花果山</h2>
			</template>

		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false

		const vm = new Vue({
			el:'#root',
			data:{
				name:'孙悟空',
				n:0
			}
		})
	</script>

二：列表渲染

一：基本列表

v-for指令:

         1.用于展示列表数据

         2.语法：v-for="(item, index) in xxx" :key="yyy"

         3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）

//准备好一个容器

		<div id="root">
			<!-- 遍历数组 -->
			<h2>人员列表（遍历数组）</h2>
			<ul>
				<li v-for="(p,index) of persons" :key="index">
					{{p.name}}-{{p.age}}
				</li>
			</ul>

			<!-- 遍历对象 -->
			<h2>汽车信息（遍历对象）</h2>
			<ul>
				<li v-for="(value,k) of car" :key="k">
					{{k}}-{{value}}
				</li>
			</ul>

			<!-- 遍历字符串 -->
			<h2>测试遍历字符串（用得少）</h2>
			<ul>
				<li v-for="(char,index) of str" :key="index">
					{{char}}-{{index}}
				</li>
			</ul>
			
			<!-- 遍历指定次数 -->
			<h2>测试遍历指定次数（用得少）</h2>
			<ul>
				<li v-for="(number,index) of 5" :key="index">
					{{index}}-{{number}}
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			Vue.config.productionTip = false
			
			new Vue({
				el:'#root',
				data:{
					persons:[
						{id:'001',name:'孙悟空',age:18},
						{id:'002',name:'猪八戒',age:19},
						{id:'003',name:'沙和尚',age:20}
					],
					car:{
						name:'奔驰c260l',
						price:'40万',
						color:'白色'
					},
					str:'hello'
				}
			})
		</script>

二：key的原理

面试题：react、vue中的key有什么作用？（key的内部原理）

         1. 虚拟DOM中key的作用

                   key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚

拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：              

         2.对比规则

                   (1)旧虚拟DOM中找到了与新虚拟DOM相同的key：

                          ①.若虚拟DOM中内容没变, 直接使用之前的真实DOM！

                          ②.若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM。

                   (2)旧虚拟DOM中未找到与新虚拟DOM相同的key

                          创建新的真实DOM，随后渲染到到页面。

         3. 用index作为key可能会引发的问题

                   (1)若对数据进行：逆序添加、逆序删除等破坏顺序操作:

                          会产生没有必要的真实DOM更新 ==> 界面效果没问题, 但效率低。

                   (2)如果结构中还包含输入类的DOM：

                          会产生错误DOM更新 ==> 界面有问题。

         4. 开发中如何选择key?

                   (1)最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值。

                   (2)如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示。

//准备好一个容器
            <div id="root">
			<!-- 遍历数组 -->
			<h2>人员列表（遍历数组）</h2>
			<button @click.once="add">添加一个唐僧</button>
			<ul>
				<li v-for="(p,index) of persons" :key="index">
					{{p.name}}-{{p.age}}
					<input type="text">
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			Vue.config.productionTip = false
			
			new Vue({
				el:'#root',
				data:{
					persons:[
						{id:'001',name:'孙悟空',age:18},
						{id:'002',name:'猪八戒',age:19},
						{id:'003',name:'沙和尚',age:20}
					]
				},
				methods: {
					add(){
						const p = {id:'004',name:'唐僧',age:40}
						this.persons.unshift(p)
					}
				},
			})
		</script>

三：列表过滤

列表过滤有两种方法：第一种为监视属性过滤，另一种就是计算属性过滤

//准备好一个容器
		<div id="root">
			<h2>人员列表</h2>
			<input type="text" placeholder="请输入名字" v-model="keyWord">
			<ul>
				<li v-for="(p,index) of filPerons" :key="index">
					{{p.name}}-{{p.age}}-{{p.sex}}
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			Vue.config.productionTip = false
			
用watch实现 
			 new Vue({
				el:'#root',
				data:{
					keyWord:'',
					persons:[
						{id:'001',name:'马冬梅',age:19,sex:'女'},
						{id:'002',name:'周冬雨',age:20,sex:'女'},
						{id:'003',name:'周杰伦',age:21,sex:'男'},
						{id:'004',name:'温兆伦',age:22,sex:'男'}
					],
					filPerons:[]
				},
				watch:{
					keyWord:{
						immediate:true,
						handler(val){
							this.filPerons = this.persons.filter((p)=>{
								return p.name.indexOf(val) !== -1
							})
						}
					}
				}
			}) 
		
			
用computed实现
			new Vue({
				el:'#root',
				data:{
					keyWord:'',
					persons:[
						{id:'001',name:'马冬梅',age:19,sex:'女'},
						{id:'002',name:'周冬雨',age:20,sex:'女'},
						{id:'003',name:'周杰伦',age:21,sex:'男'},
						{id:'004',name:'温兆伦',age:22,sex:'男'}
					]
				},
				computed:{
					filPerons(){
						return this.persons.filter((p)=>{
							return p.name.indexOf(this.keyWord) !== -1
						})
					}
				}
			}) 
		</script>

四：列表排序（实例）

//准备好一个容器
		<div id="root">
			<h2>人员列表</h2>
			<input type="text" placeholder="请输入名字" v-model="keyWord">
			<button @click="sortType = 2">年龄升序</button>
			<button @click="sortType = 1">年龄降序</button>
			<button @click="sortType = 0">原顺序</button>
			<ul>
				<li v-for="(p,index) of filPerons" :key="p.id">
					{{p.name}}-{{p.age}}-{{p.sex}}
					<input type="text">
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			Vue.config.productionTip = false
			
			new Vue({
				el:'#root',
				data:{
					keyWord:'',
					sortType:0, //0原顺序 1降序 2升序
					persons:[
						{id:'001',name:'马冬梅',age:30,sex:'女'},
						{id:'002',name:'周冬雨',age:31,sex:'女'},
						{id:'003',name:'周杰伦',age:18,sex:'男'},
						{id:'004',name:'温兆伦',age:19,sex:'男'}
					]
				},
				computed:{
					filPerons(){
						const arr = this.persons.filter((p)=>{
							return p.name.indexOf(this.keyWord) !== -1
						})
						//判断一下是否需要排序
						if(this.sortType){
							arr.sort((p1,p2)=>{
								return this.sortType === 1 ? p2.age-p1.age : p1.age-p2.age
							})
						}
						return arr
					}
				}
			}) 

		</script>

五：Vue监视数据的原理

Vue监视数据的原理：

1. vue会监视data中所有层次的数据。

2. 如何监测对象中的数据？

           通过setter实现监视，且要在new Vue时就传入要监测的数据。

                   (1)对象中后追加的属性，Vue默认不做响应式处理

                   (2)如需给后添加的属性做响应式，请使用如下API：

                                     Vue.set(target，propertyName/index，value) 或

                                     vm.$set(target，propertyName/index，value)

3. 如何监测数组中的数据？

           通过包裹数组更新元素的方法实现，本质就是做了两件事：

                   (1)调用原生对应的方法对数组进行更新。

                   (2)重新解析模板，进而更新页面。

4.在Vue修改数组中的某个元素一定要用如下方法：

                   (1)使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()

                   (2)Vue.set() 或 vm.$set()

特别注意：Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象 添加属性！！！

//准备好一个容器
		<div id="root">
			<h1>学生信息</h1>
			<button @click="student.age++">年龄+1岁</button> <br/>
			<button @click="addSex">添加性别属性，默认值：男</button> <br/>
			<button @click="student.sex = '未知' ">修改性别</button> <br/>
			<button @click="addFriend">在列表首位添加一个朋友</button> <br/>
			<button @click="updateFirstFriendName">修改第一个朋友的名字为：张三</button> <br/>
			<button @click="addHobby">添加一个爱好</button> <br/>
			<button @click="updateHobby">修改第一个爱好为：开车</button> <br/>
			<button @click="removeSmoke">过滤掉爱好中的抽烟</button> <br/>
			<h3>姓名：{{student.name}}</h3>
			<h3>年龄：{{student.age}}</h3>
			<h3 v-if="student.sex">性别：{{student.sex}}</h3>
			<h3>爱好：</h3>
			<ul>
				<li v-for="(h,index) in student.hobby" :key="index">
					{{h}}
				</li>
			</ul>
			<h3>朋友们：</h3>
			<ul>
				<li v-for="(f,index) in student.friends" :key="index">
					{{f.name}}--{{f.age}}
				</li>
			</ul>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

		const vm = new Vue({
			el:'#root',
			data:{
				student:{
					name:'tom',
					age:18,
					hobby:['抽烟','喝酒','烫头'],
					friends:[
						{name:'jerry',age:35},
						{name:'tony',age:36}
					]
				}
			},
			methods: {
				addSex(){
					// Vue.set(this.student,'sex','男')
					this.$set(this.student,'sex','男')
				},
				addFriend(){
					this.student.friends.unshift({name:'jack',age:70})
				},
				updateFirstFriendName(){
					this.student.friends[0].name = '张三'
				},
				addHobby(){
					this.student.hobby.push('学习')
				},
				updateHobby(){
					// this.student.hobby.splice(0,1,'开车')
					// Vue.set(this.student.hobby,0,'开车')
					this.$set(this.student.hobby,0,'开车')
				},
				removeSmoke(){
					this.student.hobby = this.student.hobby.filter((h)=>{
						return h !== '抽烟'
					})
				}
			}
		})
	</script>

三：收集表单数据

收集表单数据：

            若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。

            若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。

            若：<input type="checkbox"/>

1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）

2.配置input的value属性:

             (1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）

             (2)v-model的初始值是数组，那么收集的的就是value组成的数组

备注：v-model的三个修饰符：

             lazy：失去焦点再收集数据

             number：输入字符串转为有效的数字

             trim：输入首尾空格过滤

//准备好一个容器
		<div id="root">
			<form @submit.prevent="demo">
				账号：<input type="text" v-model.trim="userInfo.account"> <br/><br/>
				密码：<input type="password" v-model="userInfo.password"> <br/><br/>
				年龄：<input type="number" v-model.number="userInfo.age"> <br/><br/>
				性别：
				男<input type="radio" name="sex" v-model="userInfo.sex" value="male">
				女<input type="radio" name="sex" v-model="userInfo.sex" value="female"> <br/><br/>
				爱好：
				学习<input type="checkbox" v-model="userInfo.hobby" value="study">
				打游戏<input type="checkbox" v-model="userInfo.hobby" value="game">
				吃饭<input type="checkbox" v-model="userInfo.hobby" value="eat">
				<br/><br/>
				所属校区
				<select v-model="userInfo.city">
					<option value="">请选择校区</option>
					<option value="beijing">北京</option>
					<option value="shanghai">上海</option>
					<option value="shenzhen">深圳</option>
					<option value="wuhan">武汉</option>
				</select>
				<br/><br/>
				其他信息：
				<textarea v-model.lazy="userInfo.other"></textarea> <br/><br/>
				<input type="checkbox" v-model="userInfo.agree">阅读并接受<a href="http://www.baidu.com">《用户协议》</a>
				<button>提交</button>
			</form>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false

		new Vue({
			el:'#root',
			data:{
				userInfo:{
					account:'',
					password:'',
					age:18,
					sex:'female',
					hobby:[],
					city:'beijing',
					other:'',
					agree:''
				}
			},
			methods: {
				demo(){
					console.log(JSON.stringify(this.userInfo))
				}
			}
		})
	</script>

四：过滤器

过滤器：

       定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。

       语法：

               1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}

               2.使用过滤器：{{ xxx | 过滤器名}}  或  v-bind:属性 = "xxx | 过滤器名"

备注：

               1.过滤器也可以接收额外参数、多个过滤器也可以串联

               2.并没有改变原本的数据, 是产生新的对应的数据

//准备好一个容器
		<div id="root">
			<h2>显示格式化后的时间</h2>
			<!-- 计算属性实现 -->
			<h3>现在是：{{fmtTime}}</h3>
			<!-- methods实现 -->
			<h3>现在是：{{getFmtTime()}}</h3>
			<!-- 过滤器实现 -->
			<h3>现在是：{{time | timeFormater}}</h3>
			<!-- 过滤器实现（传参） -->
			<h3>现在是：{{time | timeFormater('YYYY_MM_DD') | mySlice}}</h3>
			<h3 :x="msg | mySlice">百度</h3>
		</div>

		<div id="root2">
			<h2>{{msg | mySlice}}</h2>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false
		//全局过滤器
		Vue.filter('mySlice',function(value){
			return value.slice(0,4)
		})
		
		new Vue({
			el:'#root',
			data:{
				time:1621561377603, //时间戳
				msg:'你好，百度'
			},
			computed: {
				fmtTime(){
					return dayjs(this.time).format('YYYY年MM月DD日 HH:mm:ss')
				}
			},
			methods: {
				getFmtTime(){
					return dayjs(this.time).format('YYYY年MM月DD日 HH:mm:ss')
				}
			},
			//局部过滤器
			filters:{
				timeFormater(value,str='YYYY年MM月DD日 HH:mm:ss'){
					// console.log('@',value)
					return dayjs(value).format(str)
				}
			}
		})

		new Vue({
			el:'#root2',
			data:{
				msg:'hello,baidu!'
			}
		})
	</script>

NPFik-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
include-tag:具有条件渲染、过滤器等功能的强大包含标签
06-05
Octopress 包含标签 这取代了 Jekyll 的 include 标签，并添加了对条件渲染、内嵌过滤器和来自 Octopress Ink 插件的部分的支持。 安装 如果您使用的是 bundler，请将此 gem 添加到您站点的:jekyll_plugins组中的 Gemfile 中： group :jekyll_plugins do gem 'octopress-include-tag' end 然后用 Bundler 安装 gem $ bundle 要在没有捆绑程序的情况下手动安装： $ gem install octopress-include-tag 然后将 gem 添加到您的 Jekyll 配置中。 gems: -octopress-include-tag 用法 像常规的 Jekyll 包含标签一样使用它。 {% include foo.html
【VUE项目实战】22、获取用户列表数据并渲染
程序猿之洞
12-05 6836
接上篇《21、用户列表开发-基本UI布局》 上一篇我们实现了用户列表的基本UI结构，本篇我们来绘制用户列表样式，并获取用户列表数据进行展示。 一、获取用户列表数据 首先我们看一下后台的API接口，我们这次用到的是“用户数据列表”接口，查询参数有三个，分别是“查询参数”，“当前页码”和“每页显示条数”： 然后我们回到Users.vue组件，在script区域完善一下逻辑结构，新增data数据区、生命周期函数created以及methods方法区： <script> export defau
12.列表渲染
s12345672的博客
08-17 305
列表渲染 1. 基本列表 条件渲染： 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。 2.v-show 写法：v-show="表达式"
Vue 条件渲染&列表渲染&事件处理&表单绑定
qq_44718666的博客
07-22 476
Vue 条件渲染 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> 也可以用 v-else 添加一个“else 块”： <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no ????</h1> 在 template 元素上使用 v-
vue表单之列表选择
weixin_30821731的博客
06-27 533
1、单选 1.1、两个选项的单选 样式：点击按钮通过class控制选中样式 <div class="fr"> <a :class="{checked:shikanInfo.isAccompany===1}" @click="shikanInfo.isAccompany=1">是</a> <a :class="{checked:shikanInfo.i...
Vue列表渲染——key的原理解析
林木木的博客
04-24 946
文章目录 前言 一、虚拟Dom渲染 二、key的使用 1.经典key错误案例：index作为key 2.如何使用key 前言 key的作用（主要）：标识节点，以便相同的节点可以被高效复用 要了解key的原理，就得先了解虚拟Dom的渲染过程 一、虚拟Dom渲染 在Vue渲染过程中，Vue会先将初始数据生成虚拟Dom（内存中），生成虚拟Dom后，再通过虚拟Dom生成真实Dom（也就是我们页面上看到的数据）。此时页面存在虚拟Dom和真实D...
vue-admin-beautiful-template:vue-admin-beautiful-template基础版
03-21
:seedling: vue3.x vue3.0-antdv分支（ant-design-vue） # 克隆项目 git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git # 进入项目目录 cd vue-admin-beautiful # 安装依赖 npm i #...
vue-jsonschema-form:vue2的JSON模式表单生成器
05-12
基于JSON模式表单生成器 概述 该项目的目的是创建一个简单的Vue组件，该组件能够根据构建HTML表单，并且默认情况下使用语义。 入门 克隆此存储库，安装依赖项并使用dev命令运行。 # Clone this repository git ...
vue-smooth-dnd：用于vue-dnd的Vue包装器组件
02-06
Vue平滑DnD 用于Vue.js的快速，轻巧的拖放式可排序库，具有许多配置选项，涵盖许多d＆d场景。 该库由库组成的包装Vue.js组件。演示版在此处查看演示：安装npm i vue-smooth-dnd用法Vue < template> < div> ...
vue-ssr：v vue-cli的Vue.js服务器端渲染模板
02-05
基于Vue.js hackernews克隆的服务器端渲染/渐进式Web应用程序模板 文献资料 如果您对本模板中SSR的工作方式有任何疑问，请阅读 请查看以获取有关Vue的常规信息，该信息并非特定于此模板。 强烈建议您了解webpack的...
vuepress-plugin-demo-code::memo:vuepress的演示和代码插件
05-03
vuepress-plugin-demo-code English | vuepress的演示代码插件。 使用此插件，您可以通过以下语法同时显示演示和代码。 ::: demo <div xss=removed>Click me! [removed] export default { methods: { onClick: ...
Vue复习第三天：（条件渲染 列表渲染 收集表单数据）
weixin_51624761的博客
05-05 839
1、条件渲染 Vue里提供了一种能够根据判断条件渲染页面的机制，也就是条件渲染。 条件渲染会用到两个指令，一个是v-show，另外一个是v-if。 1.1、v-show v-show可以根据判断表达式的值来决定是否渲染页面，它不会删除结点的值，底层实现是通过修改display来实现页面的渲染 <!-- 准备好一个容器--> <div id="root"> <h2>当前的n值是:{{n}}</h2> <h2 v-show="false">欢迎来到
Vue动态渲染Form表单，避免屎山(html)
wy17324808055的博客
07-26 3335
for循环写得好，下班下得早！避免html屎山
26.Vue列表渲染中key的作用与原理（内含虚拟DOM的对比算法详解）
爱米酱的博客
07-08 575
25.Vue列表渲染_爱米酱的博客-CSDN博客这一节开始我们来学一下Vue中与列表渲染相关的东西，这部分知识很重要，而且还比较多，所以我就拆成几个小节来讲。那么这一小节我们就先讲讲基本列表，把基本列表讲清楚之后，我们再讲key的原理，列表过滤和列表排序实现效果：讲到这里这个遍历就已经实现了，但是这里还有一个特别重要的属性，就是key，我们这里不详谈这个属性，这一节我们只关注怎么配置这个属性即可，具体的深入分析内容会在下一节呈现。和key相关的内容我们可以在Vue官网的学习-->API中找到。 这个key属
VUE 03 列表渲染 key 数据监视原理 收集表单数据 过滤器 内置指令 自定义指令
weixin_58562753的博客
03-06 610
列表渲染 key 数据监视原理 收集表单数据 过滤器 内置指令 自定义指令
列表的渲染、过滤（筛选）、排序操作
weixin_64770583的博客
07-13 667
列表的渲染、过滤（筛选）、排序操作
vue学习（二）表单渲染
java_chegnxuyuan的博客
07-02 864
表单渲染可以分为条件渲染，列表渲染,事件处理，表单输入绑定。 1.条件渲染 v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染。 <body> <div id="test"> <button id="aaa" v-if="msg">显示</button> <button id=...
Vue列表渲染
HeX_7的博客
05-05 1399
基本列表、key原理、列表过滤、列表排序、Vue检测数据改变原理
vue学习笔记【七、实现用户信息的删除与添加】
qzcrystal的博客
06-08 947
<template> <div id="app"> <fieldset> <div> <span>姓名：</span> <!--数据双向绑定--> <input type="text" placeholder="姓名" v-model="newPerson.name"/> </div> <div> <span>年龄.
vue-element-admin增删改查
最新发布
06-28
同时，Vue.js的自定义过滤器可以帮助我们对查询出的数据进行格式化，以便展示给用户。 综上所述，vue-element-admin的增删改查功能涉及到多个组件和功能，需要结合具体业务场景进行设计和开发。不过通过使用vue-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值