文章目录一、条件二、循环三、处理用户输入选择四、常用事件 一、条件v-if:用于判断,可以决定所作用的标签是否显示。<div id="app01"> <p v-if="seen">现在你看到我了,我是true</p> </div>var app = new Vue({ el: '#app01', data: { seen: tr
转载 2024-03-05 06:18:19
1214阅读
vue-element-admin项目打包在uniapp并在移动端使用注意事项(主要是解决白屏问题)1)打包命令为npm run build:prod(需根据自己项目的package.json中的"vue-cli-service build"看其设置的命令是什么)打包后会生成dist文件夹2)修改vue.config.js内的publicPath: './',(没修改前为'/')3)修改src/u
最终效果如下 实现要求:如果输入的内容不是非负整数,那么提示报错,并且将值变为输入前的内容;如果输入正确,则当输入的内容发生改变并且失去焦点以后,触发事件,重新获取列表;实现思路使用原生的input框,更容易控制;当输入框获取焦点以后,保存原始值;监听回车点击事件与change事件,判断输入的值是否满足条件: 如果满足条件,那么就根据输入的内容更新内容,并且重新获取列表内容;如果不满足条件,
转载 2024-04-02 14:30:05
283阅读
在前面几期中我们学习了文本函数和日期函数的基本用法,今天我们就来学习一下从文本里提取日期然后计算的方法。 在上图中,我们看到了B列里有身份证号码,我们现在需要从身份证号码里提取“出生日期”、计算“年龄”、判断性别。从身份证号里提取出生日期因为身份证号都是根据特定的规则编号的,所以我们知道出生日期在身份证号的固定位置,所以我们可以用MID函数直接从身份证号里面直接提取出生日期。
1.vue简介,vue是一个构建用户界面的框架。是一个轻量级mvv框架,和angular一样是所谓的双向数据绑定,数据驱动和组件化的前端开发,通过简单的api实现响应式的数据绑定和组合试图组件,容易上手,小巧。2.安装vue-devtools插件,便于在chrome中调试vue,配置是否允许vue-devtools检查代码,方便调试,生产环境设置为false,vue.config.devtools
  在vue的后台项目中,我们经常会用到element-ui这个ui框架,里边很多的组件都是很好用的,特别是表格  el-table  组件,除了常用到的 el-table-column中的 prop、width、label、以及align之外我们还经常会用到slot进行自定义显示的内容;  例如: <el-table-column>        <temp
转载 2024-05-30 08:13:53
192阅读
elementui表单的验证问题element ui是基于vue的一个ui框架,用起来还是挺不错的,但是有时候还是会遇到一些摸不着头脑的情况。 我在打开一个新增数据的对话框的时候出现了一个问题,明明是新增,但是一打开就出现了错误提示,这肯定是不对的,用户体验也是极其不好的。到底是什么原因导致的呢? 经过我的检查,发现主要原因就是我的新增和修改的对话框是用的同一个,而显示错误提示的都是trigger
转载 2024-06-26 23:44:55
247阅读
(给DotNet加星标,提升.Net技能) 前言首先,先看我个人的项目结构。这个webapi项目是专门作为图片上传的业务处理,而其中分为两个控制器:单图片上传和多图片上传。在接下来的内容主要还是针对单文件上传,对于多文件的上传,我暂且尚未研究成功。其中pictureoptions类,由于我把关于图片上传相关的配置项(保存路径、限制的文件类型和大小)写在了配置文件中,所以接下来会通过
Vue基础(1)学习目标掌握Vue实例的创建及数据的绑定;掌握Vue的事件和监听操作;掌握Vue组件的注册及组件之间的数据传递的方法;掌握Vue生命周期钩子函数的使用Vue实例通过new关键字实例化Vue({})构造函数<script> var vm = new Vue({ // 选项 }) <script>一、Vue实例对象选项说明dataVue实例对象me
转载 9月前
27阅读
JSP 中EL表达式用法详解EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便。接下来介绍EL主要的语法结构:${sessionScope.user.sex}所有EL都是以 ${ 为起始、以 } 为结尾的。上述EL范例的意思是:从Session的范围中,取得用户的性别。假若依照之前JSP Scriptlet的写法如下:User user =(Use
如实现根据不同数据展示不同状态,实现是通过if判断是否显示。主要是框选部分的代码,tableDate是我绑定的数据,r
原创 2022-12-05 15:18:32
461阅读
整合Element-UI 组件 控制台输入命令:npm i element-ui即可完成安装然后引入UI 样式:使用UI 提供的样式,并与样式进行数据绑定 效果图:备选项2 默认选中快速使用Element-UI 搭建后台管理系统服务: 因为main.js 默认第一个访问App 组件,所以把App 中的内容重新修改了。<template> <!-- el-container: 是
文章目录vue-project-tree一、使用二、API1、属性2、事件3、方法4、插槽 vue-project-tree使用 Vue3 + TS 实现的树形结构展示组件,有拖拽、排序、自定义图标等功能一、使用安装npm install vue-project-tree -S导入import VueProjectTree from "vue-project-tree";使用import { r
作为一个后端开发人员,因项目需求暂转页面开发的伪前端人员,在项目需求实现中的小收获在这里做一下分享。 话不多说,看代码article1. vue登录记住密码之cookeis缓存1 <template> 2 <el-form :rules="loginRules" ref="loginForm" :model="loginForm"> 3 <e
转载 2024-10-22 14:25:46
46阅读
文章目录条件判断条件渲染案例案例小问题v-show与v-if的区别循环遍历v-for遍历数组v-for遍历对象组件的key属性 条件判断v-if、v-else-if、v-else 这三个指令与JavaScript的条件语句if、else、else if类似。Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件。简单的案例演示:<!DOCTYPE html> <
转载 10月前
261阅读
【代码】【ElementUIElementUI Tooltip 根据内容判断是否显示、文字提示自定义样式。
原创 2023-09-25 16:48:39
606阅读
Elementui 分页查询的实现首先确定,数据库分页查询代码(以MySql数据库为例)SELECT * FROM user LIMIT #{beginNum},#{everyPage} beginNum:从哪个值开始,一般数据库表第一个值的位置序号为0,从0开始往下查 everyPage:每页多少个数据所以我们确定了,数据库需要的两个数据。我们从前端往后面传值的时候,往往选择传送的两个值是(1)
转载 2024-04-03 09:04:02
405阅读
一、使用 iframe 标签嵌套页面1、简单了解一下 (1)什么是 iframe?   iframe 标签会创建一个行内框架(包含另一个文档的内联框架)。   简单地理解:页面中嵌套另一个页面。(2)使用场景?   有的项目需求,需要在当前页面中显示外部网页,比如访问csdn、查看接口文档等,此时就可以使用 iframe 标签,嵌套一个页面。 (3)简单使用一下 修改commo
转载 2024-05-04 10:55:39
96阅读
学习目录Vue.js 基础:在学习 ElementUI 之前,你需要先掌握 Vue.js 的基础知识,包括 Vue.js 的核心概念、指令、组件等。ElementUI 组件:ElementUI 包含很多常用的 UI 组件,如按钮、表单、表格、弹窗等,你需要针对每个组件进行深入的学习,了解组件的使用方法、属性、事件等。ElementUI 主题:ElementUI 可以自定义主题,你需要了解如何配置主
原创 2023-07-25 15:17:33
691阅读
vue+elementUI 搭建与使用首先默认安装好了vue3与node.js、webpack打开控制台输入命令 vue create 项目名称 然后回车 创建vue项目vue create vue-manage-system然后进入手动选择配置这里简单介绍一下 前面两个是之前配置好的选择 以后我们创建项目也可以根据需要进行选择默认项目创建,第三个 default是vue本身自己的默认选项,最后一
转载 2024-04-04 19:32:48
57阅读
  • 1
  • 2
  • 3
  • 4
  • 5