- 博客(49)
- 收藏
- 关注
RSS订阅
原创 个人笔记-----JS方法【如有不对，欢迎指正】
splice() splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。参数说明参数描述index必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。从第几个开始删除howmany必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX可选。向数组添加的新项目。从...
2019-07-29 11:18:59
203
原创 个人笔记-----element ui 上传单个文件---实现拖拽直接替换文件。。。。。【如有不对，欢迎指正】
有个需求，vue element ui 上传文件时候，选择新文件时要自动替换之前文件，不需手动删除，找了半天一直没找到，后来自己弄了下，不知道还有没有更好的办法；如果有更好的办法欢迎留言！虽然是单个文件上传，但是不要写 :limit="1" ,这是重点，如果已经上传了一个文件，再次上传时候就删除之前的文件，然后上传新的文件。if(uploadFiles.length > 1){...
2019-07-19 13:49:10
1805
原创 个人笔记-----Vue中父子组件传值，经常忘记。。。。。【如有不对，欢迎指正】
父组件将，name，exten，sec_tonghua，time，src 的值传递给子组件，*子组件子组件用props接收
2019-07-19 09:18:31
171
转载 vue中watch的详细用法
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName,...
2019-07-08 19:04:30
236
原创 Vue 表单验证报错 -- Cannot read property 'validate' of undefined
把下面的$refs和表单ref名字保持一致就行了。ref="loginForm"this.$refs.loginForm.validate(valid => { })
2019-06-29 10:32:09
8820
转载 VUE tabs切换
每次切换给后台传递一个状态 region<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="(item, index) in type_option" :key="index" :name="item.optValue.toString()" ...
2019-06-19 19:51:13
4545
1
原创 vue 中 show-overflow-tooltip 不生效
<el-table-column prop="company_cost_price" label="公司成本价" width="" show-overflow-tooltip> <template slot-scope="scope"> <span>{{ scope.row.cost_frame }}</span...
2019-06-11 22:42:33
12682
4
转载 v-loading
https://blog.youkuaiyun.com/qq_36437172/article/details/83618051
2019-05-30 10:39:33
1998
原创 遍历数组 里的 对象 的 值
// 遍历 show数组 里的 对象 的 display_name 的 值 $.ajax({ url: baseURI+'/hetong/check/reportIndex', type: 'GET', data: sendData, success: function (res) { consol...
2019-05-26 10:16:47
3244
转载 遍历js中对象的属性和值的实例
首先说一下，dataList里面放的是对象数组；filedList里面放的是对象的属性字段名数组。刚开始是这样想的，遍历dataList，每次都可以拿到一个对象，然后嵌套for循环，遍历filedList，每次拿到它的一个属性值，然后拼凑成表格。比如：dataList[0]就是一个Emp对象,而Emp里面有id,name等属性。平常我们就可以通过dataList[0].id得到当前Emp对象的i...
2019-05-25 17:32:28
257
原创 textarea在每次输入后自动换行
$('#textarea_code').keyup(function(){ //alert(111); var e = $(this).val(); //console.log(a+=''); $(this).val(e + '\n'); })
2019-05-24 16:48:20
1771
原创 个人练习----Vue中使用axios请求数据【如有不对，欢迎指正】
1，安装 axios ( 官方的插件 )cd 到项目的目录 npm install axios --save ( --save 是写入到package.json，如果不写是不会写入到 pachsge.json )2，直接在组件中引入，因为axios是第三方模块， import Axios from ‘axios’;<template> <!-- 所有的内...
2019-05-16 11:38:53
469
原创 个人练习----Vue中使用vue-resource请求数据【如有不对，欢迎指正】
一，安装 vue-resource ( 官方的插件 )1，cd 到项目的目录2，安装 npm install vue-resource --save注意：( --save 是写入到package.json，如果不写是不会写入到 pachsge.json )3，在 main.js 中引入import vueResource from 'vue-resource'; （ 后面vue-r...
2019-05-16 11:09:43
211
原创 个人练习----Vue 封装操作localstorage 本地存储的方法【如有不对，欢迎指正】
// 封装操作localstorage 本地存储的方法，这是模块化的文件， var storage = { set(key,value){ // 调用这个方法时候传入一个 key 和 value // 将传入的 value 转换成JSON 字符串 localStorage.setItem(key,JSON....
2019-05-11 17:37:19
1443
1
转载 本地存储localStorage用法详解
只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；其存储的数据能在跨浏览器会话保留。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除 。应注意，无论数据存储在...
2019-05-11 16:30:18
373
原创 个人练习----Vue案例--toDoList（ 必须会，用到的地方很多 ）【如有不对，欢迎指正】
1，首先完成一个添加删除的功能，已有。 添加删除数据2，模拟数据，在list数组中模拟数据，也可以为空。list:[ {title:'进行中',checked:true}, {title:'已完成',checked:false}]3，在 data 中添加状态 checked:true ，通过更改状态来完成需求，3，在数据前面添加多选按钮，再使用 v-model 进行双向...
2019-05-10 21:19:30
627
原创 个人练习----Vue点击增加，删除数据【如有不对，欢迎指正】
<div> <input type="text" name="" id="" v-model="todo"> <button @click="addTodo()">增加</button> <div v-for="(item,key) in list" :key="key">{{item}}---<button @click="...
2019-05-10 14:03:36
1035
原创 个人笔记-----Vue怎么玩，Vue就是这么玩【如有不对，欢迎指正】
请求数据请求数据后在 <ul> 标签中渲染出来，先定义一个空的数组 list:[] ，然后循环这个空数组 <li v-for="(item,index) in list" :key="index">{{item}}</li> ，再给list:[]这个空数组赋值，先用 for 循环模拟下，再使用 this.list.push() 进行赋值。<bu...
2019-05-10 12:51:33
415
转载 Vue中this指向的问题
在下面的例子中可以看出，普通函数的this指向的就是Vue的实例，this.message可以获取到data中的值，而箭头函数的this指向了window，不能获取到值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume...
2019-05-09 22:43:46
6922
2
原创 个人笔记-----Vue属性绑定，双向数据绑定，ref获取dom节点【如有不对，欢迎指正】
绑定属性v-bind: 可简写 ： 需要绑定标签已有属性，例如 class，style，title，url...等等<div id="root"> <div v-bind:title="title">hello world</div></div><script> new Vue({ el:"...
2019-05-09 22:40:34
676
原创 个人笔记-----Vue中与后台通信axios【如有不对，欢迎指正】
安装 axiosnpm install axios --save-devmain.js中的Vue.config.productionTip = false 设置 false 以阻止 vue 在启动时产生提示。然后再 main.js 中引入，import axios from 'axios'，然后再Vue实例对象中进行注册，//实例化vue对象new Vue({ router,...
2019-05-02 22:23:21
339
原创 个人笔记-----Vue中transition的过渡作用和transition-group【如有不对，欢迎指正】
<transition>标签有两个属性，name 属性和 mode 属性。transition里的 name 值fade 就是 .fade-enter-active,类名开头的 fade<transition name="fade" mode="out-in"> <router-view/> <router-view class="left...
2019-05-02 21:15:07
4590
转载 js取object的key与value
var obj = {“name1”:“张三”,“name2”:“李四”};1、js中想根据动态key得到某对象中相对应的value的方法有二：一、var key = “name1”;var value = obj[key];二、var key = “name1”;var value = eval(“obj.”+key);2、for(var p in obj){ ...
2019-05-02 20:38:10
4075
原创 个人笔记-----Vue中多个router-view应用【如有不对，欢迎指正】
单个 <router-view/> 和多个 <router-view/> 的区别，单个 <router-view/> 只是一个区域的变化，不需要设置name属性，在设置路由的时候单个<router-view/>使用的是component，多个<router-view/>里面需要设置一个name属性，设置路由的时候单个<route...
2019-05-02 20:37:27
4980
原创 个人笔记-----Vue中url传参【如有不对，欢迎指正】
url传参url传参主要分三个步骤，1，在router.js中进行配置2，<router-link>标签里面的 to 属性里面进行参数传递，3，在页面里面接收这个参数，例：给about页面传参在router.js文件里about 下面的path里面进行，比如像传递id和title，要用:id 和 :titlerouter.js文件-------------routes...
2019-05-01 17:16:48
358
原创 个人笔记-----Vue中的router-link标签参数传递【如有不对，欢迎指正】
router-link标签的 to 属性的值 既可以是 router.js 里面 pash 值 ，<router-link to="/about">about</router-link>也可以是 router.js 里面 name 值 ，<router-link to="about">about1</router-link>也可以这样写<r...
2019-05-01 16:46:45
496
原创 个人笔记-----Vue中子路由的配置【如有不对，欢迎指正】
router.js 文件的 children 里的 path 的路径不能加 /， 因为不是根目录下的，about文件里的 to 属性要有父级路径，<router-link to="/about/about1">about1</router-link><template> <div class="about"> 这是About文件 ...
2019-05-01 16:09:56
657
原创 个人笔记-----Vue中构造函数进行页面跳转【如有不对，欢迎指正】
methods: { next(){ this.$router.go(1); //前进 }, goback(){ this.$router.go(-1); //后退 }, href(){ this.$router.push('/about') ...
2019-05-01 14:58:42
176
原创 个人笔记-----Vue中路由里的钩子函数【如有不对，欢迎指正】
路由里的钩子函数有两个，beforeRouteEnter和beforeRouteLeavebeforeRouteEnter是进入…之前，next(true)必须要写，要进入哪个页面就写在哪个页面里面。beforeRouteLeave是离开…之前， next(true)必须要写，要离开哪个页面就写在哪个页面里面。写在页面中，这是要about页面，<script> expo...
2019-05-01 14:35:47
390
原创 个人笔记-----Vue中 设置404页面【如有不对，欢迎指正】
首先创建一个404页面的文件，然后再router里面设置， path: '*',import Error from './views/Error.vue' { path: '*', name: 'error', component: Error },
2019-05-01 13:18:03
5579
原创 个人笔记-----Vue中作用域插槽【如有不对，欢迎指正】
子组件向父组件传递数据，在子组件中设置一个通过 slot 传递数据的属性，<slot :list='list'></slot> :list是自定义属性，父组件中依然需要先引入子组件，然后注册，最后再引用，接收子组件的标签的 template，是一定要写的，一定要写在字标签里面。接收子组件数据用slot-scope=“变量”，这个变量可以自定义，变量里面存储的是子组件向父...
2019-05-01 12:56:00
254
原创 个人笔记-----Vue中 slot 插槽【如有不对，欢迎指正】
根组件数据在子组件中展示，在根组件中引入子组件，然后再子组件中用<slot></slot>直接就可以展示根组件的数据，单个插槽 根组件 <about> <div>00000000</div> </about> <script> import About from './views...
2019-04-29 18:42:34
134
原创 个人笔记-----Vue实例方法set【如有不对，欢迎指正】
set 有三个参数 target，key，valuetarget ：要么是对象，要么是数组，包含对象的数组都可以，key ：如果是对象的情况下，这个key就是键名，他是一个字符，要加 ‘ ’ ，如果是数组的话，就是他的索引，value ：是我们想改变的值。如果用索引直接赋值 vue 是检测不到的，数组的情况<script> export default { da...
2019-04-29 17:42:44
131
原创 个人笔记-----Vue中watch和computed的区别【如有不对，欢迎指正】
watch和computed的用法有点相近，watchcomputed第一个区别computed 里的fullName他是一个自定义属性，他不能个 data 里面的属性有重复的情况，如果有重复的情况会报错。而 watch 里面的fullName的属性必须是已经存在的，这个属性要么的 data 里面的，要么的 computed 里面的。第二个区别computed定义的这个属性函数里面需...
2019-04-29 16:58:18
193
原创 个人笔记-----Vuex创建store.js和使用（ 2 ）【如有不对，欢迎指正】
1，在store.js中引用vue和vuex，并且使用vuex，import vue from 'vue'import vuex from 'vuex'2，使用vuex Vue.use(Vuex)3，创建store实例 const store = new Vue.Store({ })const store = new Vue.Store({ state:{ c...
2019-04-29 16:09:17
468
原创 个人笔记-----Vuex创建store.js和使用【如有不对，欢迎指正】
store.js相当于一个共享库，把很多共享的数据存放在这个store.js中，其他页面想取用，需要到store.js这个页面中取用，如果想改变数据也需要到store.js中修改数据。创建store.js需要以下几步:1，在src下面新建一个vuex文件夹，2，在vuex创建store.js，3，在store.js中引用vue和vuex，并且使用vuex，4，定义数据，在State里面进...
2019-04-28 18:11:31
2551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人