vue.js
关注
分享
扫一扫
1 2 3 一起追梦
Never try never success
展开
-
SpringMvc+element实现文件上传
在pom.xml添加这几个依赖二、在springMVC的配置文件添加配置 添加文件上传配置三、开始配置控制器四、jsp页面原创 2022-06-09 21:14:05 · 299 阅读 · 0 评论 -
Vue基础之computed计算属性
计算属性顾明思义就是vue实例中的属性，而不是函数。但有时候我们见到下面这种var vm = new Vue({ el:'#app', data:{ }, computed:{ fullName:function(){ return "Tom Thomas"; } }, methods:{ getFullName:function(){ return "原创 2022-05-28 15:35:24 · 113 阅读 · 0 评论 -
axios发送post请求后台request.getParameter接不到参数
在学习axios过程中，发现直接通过把json放到post里后台通过getParameter接收不到。axios请求代码axios.post('url',{'username':'name'}).then(function(value){})然后，因为我们的参数是 JSON 对象，axios 帮我们做了一个 stringify 的处理。而且查阅 axios 文档可以知道：axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。那么，这就与我...原创 2022-05-27 09:49:57 · 1036 阅读 · 0 评论 -
Element学习之表单验证输入框提示不消失
在学习Element UI时碰见了一个让人头疼的问题，碰巧发现输入框提示信息一直消失几经辗转才找到错误，最后发现原来是 el-form-item中的prop 要与 el-input中v-model绑定的值一致。仔细一样，不一致他那上验证去，所以才会一直提示。<div id="app"> <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card"> .原创 2022-05-26 10:50:13 · 4651 阅读 · 0 评论 -
Vue基础之使用props传递数据
1、基本用法组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。通常父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件接收到后根据参数的不同来渲染不同的内容或执行操作。这个正向传递数据的过程就是通过props来实现的。在组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种，一种是字符串数组，一种是对象，这块先介绍数组的用法。比如我们构造一个数组，接收一个来自父级的数据message，并把它在组件模板中渲染，示例代码如下：<div id原创 2022-04-23 15:34:38 · 15376 阅读 · 0 评论 -
Vue基础之组件注册
组件注册分为全局注册和局部注册。局部注册：在Vue实例中，使用componen选项可以局部注册组件，注册后的组件只有在该实例作用域下有效。组件中也可以使用components选项来注册组件，使组件可以嵌套。代码://html代码<div id="app"> <my-component></my-component></div>//js代码<script type="text/javascript"> var原创 2022-04-18 08:52:03 · 1363 阅读 · 0 评论 -
Vue基础之form(二)
单选按钮、复选框和选择列表在单独使用或单选的模式下，v-model绑定的值是一个静态字符串或布尔值，但在业务中，有时需要绑定一个动态的数据，这时可以用v-bind来实现。单选按钮：<div id="app"> <input type="radio" v-model="picked" :value="value"> <label>单选按钮</label> <p> {{ picked }}</p> <p&g原创 2022-04-13 18:18:38 · 1003 阅读 · 0 评论 -
Vue基础之表单Form(一)
表单控件在实际业务较为常见，比如单选、多选、下拉选择、输入框等，用它们可以完成数据的录入、校验、提交等。Vue提供了v-model指令，用于在表单类元素上双向绑定数据，例如在输入框上使用时，输入的内容会实时映射到绑定的数据上。例如下面例子:<div id="app"> <input type="text" v-model="message" placeholder="请输入...."> <p>{{message}}</p></di原创 2022-04-13 17:37:24 · 10204 阅读 · 0 评论 -
Vue基础之修饰符
一、修饰符是什么在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。Vue中修饰符分为以下五种：表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符二、修饰符的作用表单修饰符关于表单的修饰符有如下：lazy trim numberlazy在我们填完信息，光标离开标签的时候，才会将值赋予给value，也就是转载 2022-04-12 19:00:43 · 285 阅读 · 0 评论 -
Vue基础之数组更新
Vue的核心是数据与视图的双向绑定，当我们修改数组时，Vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。Vue包含了一组观察数组变异的方法，使用它们改变数组也会触发视图更新：• push()• pop()• shift()• unshiht（）• splice()• sort()• reverse()使用以上方法会改变被这些方法调用的原始数组，有些方法不会改变原数组，例如：• filter()• concat()• slice()它们返回的是一个原创 2022-04-11 09:42:55 · 3630 阅读 · 0 评论 -
vue基础之挂载DOM元素
目前我了解的方式有两种，以直接用ID挂载例如：<div id="app"><div>var vm=new Vue({ el:"#app",})第二种就是用css选择器，<div></div>var vm=new Vue({ el:document.querySelector("div"),})一个组件只能挂载一个元素，切记不能用css选择器挂在数组在一个组件上。错误例子:<div></原创 2022-04-10 22:58:17 · 1693 阅读 · 0 评论 -
Vue基础学习之模板语法
首先是关于Object.freeze() 和 v-once这两个都是让HTML中显示组件的属性值不与组件关联。v-once只针一部分内容，而Object.freeze()这是是针对整个组件。 var vm=new Vue({ el:"#example", data:{ message:"hello world!", newfruit:fruit }, methods:{ addElemen原创 2022-04-08 23:41:40 · 761 阅读 · 0 评论 -
Vue 学习之 v-if,v-for,v-on 以及生命周期
通过学习基础的vue语法，vue真是强大，原本需要我们在js实现的操作，都被简化到极致，就比如循环，分支以及事件绑定。下面我们来演示下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> &原创 2022-04-07 09:31:25 · 1097 阅读 · 0 评论