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 · 1923 阅读 · 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 · 4129 阅读 · 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 · 376 阅读 · 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 · 183 阅读 · 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 · 1096 阅读 · 0 评论 -
iView上传文件控件的使用(预览+控制上传)
场景: 我们希望iView上传控件使用过程中，通过我们的点击按钮确认好了才上传。而不是通过设置action地址，点击之后立马就上传。注:1. 这种场景适用于很多的表单元素，上传的文件只是其中之一。用户点击提交按钮时，统一上传。2.用户本身就要对上传的文件进行初步处理，比方说预览，删除操作。vue组件代码:css使用iview官网提供的<style> ...原创 2019-07-17 10:57:07 · 4756 阅读 · 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 · 4779 阅读 · 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 · 1829 阅读 · 0 评论 -
Vue全局变量配置(多用于调用后端API)
我们在使用Vue时，通常需要调用后端API进行一系列的操作。下面分享一个我的配置方案。1.变量分类配置新建文件，加入配置内容如下:export const apiAddress = { install(Vue){ Vue.prototype.$javaAddress = '11'; }};export const config = { ...原创 2019-04-09 17:17:39 · 1069 阅读 · 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 · 3143 阅读 · 0 评论