![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 87
Cr丶
这个作者很懒,什么都没留下…
展开
-
WebStorm配置vue模板文件和vue-ts模板文件
WebStorm配置vue模板文件第一步:第二步:第三步:这个是WebStorm内置的vue模板文件, 可以直接在这个基础上更改内容下面是我这边vue模板文件的内容<style></style><template> <div> </div></template><script> export default {原创 2020-12-23 11:14:11 · 1797 阅读 · 0 评论 -
Iview 表格 选中一行时, 将当前行高亮显示, 并且设置对应的样式(背景色)
.ivu-table-row-highlight td{ background-color: #B8D9FD;}<Table :disabled-hover="true" border highlight-row :height="500" :columns="columns" :data="data" ></Table>highlight-row 是iview table组件的高亮属性, disabled-hover是iview table 组件的鼠标悬停.原创 2020-09-15 14:12:13 · 3889 阅读 · 4 评论 -
Vue - (一) Vue中双向绑定的原理-Object.defineProperty
Vue中双向绑定的原理是使用了Object.defineProperty进行绑定的。我们先来看下官方给出的说法:当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是 ES5 中一个无...原创 2019-08-23 15:46:58 · 340 阅读 · 0 评论 -
Vue - (二) Vue生命周期
vue的生命周期分为:创建前/后,加载前/后,更新前/后,销毁前/后。个人目前常用的是: 创建后,加载后。也就是created和mounted<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&...原创 2019-08-23 16:22:15 · 150 阅读 · 0 评论 -
基于TypeScript, Vue, Spring boot的一个示例项目
简介:基于TypeScript, Vue, Spring boot的一个示例项目。本意是根据一个学校书籍阅读系统的一个例子,体验TS在实际项目中的使用。相关整合:1. 基于vue-cli3.0搭建的vue-ts项目。2. 整合vue的路由控制。3. 整合axios, cookie相关所需要插件。4. 菜单的权限控制。5. ts全局变量调用声明6. Spring boot...原创 2019-08-19 16:40:05 · 989 阅读 · 0 评论 -
iView上传文件控件的使用(预览+控制上传)
场景: 我们希望iView上传控件使用过程中,通过我们的点击按钮确认好了才上传。而不是通过设置action地址,点击之后立马就上传。注:1. 这种场景适用于很多的表单元素,上传的文件只是其中之一。用户点击提交按钮时,统一上传。2.用户本身就要对上传的文件进行初步处理,比方说预览,删除操作。vue组件代码:css使用iview官网提供的<style> ...原创 2019-07-17 10:57:07 · 4608 阅读 · 20 评论 -
前端JS生成随机数(字母加数字)
自己想了一个比较简单的办法,没有用ASCII码转换。转换方法: String.fromCharCode(...number),类似于Java的(char)number。created() { let total = 15; console.log('生成的长度:',total); for (let i = 0; i < 10; i++) { c...原创 2019-05-28 15:40:43 · 4647 阅读 · 0 评论 -
vue中render函数阅读性比较好的写法推荐
推荐写法一:{ title:'操作', align: 'center', render: (h ,params) =>{ let row = params.row; let status = row.status; let that = this; let editButtonStyle = { props: { type: 'success',...原创 2019-04-16 11:48:52 · 1794 阅读 · 0 评论 -
Vue全局变量配置(多用于调用后端API)
我们在使用Vue时,通常需要调用后端API进行一系列的操作。下面分享一个我的配置方案。1.变量分类配置新建文件,加入配置内容如下:export const apiAddress = { install(Vue){ Vue.prototype.$javaAddress = '11'; }};export const config = { ...原创 2019-04-09 17:17:39 · 1004 阅读 · 0 评论 -
Vue跨域解决方案
1.如果是后台是Spring boot项目,直接用下面的代码就可以解决跨域问题。import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.cors.CorsConf...原创 2019-01-10 10:07:42 · 3114 阅读 · 0 评论