![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习记录
张哲1234
这个作者很懒,什么都没留下…
展开
-
给组件绑定多个v-model
如果需要给组件绑定多个v-model,需要使用sync. <hello-world :name.sync="user.name" > </hello-world>会将上面的代码 解析成 <hello-world :name="user.name" @update:name = "user.name = $event" > </hello-world>实现类似v-model 的 :value、@input 功能...原创 2021-06-14 21:35:23 · 709 阅读 · 0 评论 -
使用referrer处理图片403
不发动referrerimg标签添加referrerPolicy=“no-referrer”<img src="xxx" referrerPolicy="no-referrer" />或者 在mete里面添加content=“no-referrer”<meta name="referrer" content="no-referrer">原创 2021-06-14 20:50:19 · 201 阅读 · 0 评论 -
el-table 合计部分展示问题
只需要在summary-method方法体里面添加上 this.$nextTick(() => { this.$refs.table.doLayout() })让table重新计算布局原创 2021-04-09 11:13:14 · 335 阅读 · 0 评论 -
关于表格里面动态嵌入el-input,无法自动获取el-input 焦点的问题
需求:点击添加,生成空白行,表格行里面嵌入el-input。当我点击在运输件数里面点击enter键,下一行的el-input自动获取焦点原有方法:动态绑定ref,然后通过this.$refs.xxx.focus获取焦点。关键代码template关键代码:<el-table-column label="运输件数" width="90" align="center"> <template slot-scope="scope">原创 2021-04-09 08:41:41 · 1268 阅读 · 2 评论 -
echarts dataset的理解
文档原文:option = { legend: {}, tooltip: {}, dataset: { // 提供一份数据。 source: [ ['product', '2015', '2016', '2017'], ['Matcha Latte', 43.3, 85.8, 93.7], ['Milk Tea', 83.1, 73.4, 55.1], [原创 2021-02-20 22:00:18 · 436 阅读 · 0 评论 -
Vue中的事件修饰符
事件修饰符.stop:阻止点击事件冒泡.prevent:防止预设行为,等同于preventDefault() 比如说a标签的跳转.capture:与事件冒泡的方向相反,事件捕获由外到内.self:只会出发自己范围内的事件,不会包含子元素.once:只执行一次,如果在click上面添加了.once修饰符,那么按钮就会只执行一次...原创 2020-07-30 10:31:17 · 105 阅读 · 0 评论 -
关于vue.nextTick
可以看看这篇文章原创 2020-06-10 21:27:33 · 85 阅读 · 0 评论 -
vue的provide和inject的理解
最近使用了别人的一个插件,看到别人用了provid和inject,感觉很有意思,mark一下具体的东西,注意事项可以看官方的文档,我们只是讨论一下,provide和inject的常规用法首先我们知道,父子组件传值的话,使用的是prop,但是要是爷孙组件传值的话,用什么?有人讲用bus或者用vuex的,这当然行,但是vue提供了另外一种针对于爷孙或者其他的直系传值的方法,就是provide和inject。注意,必须是直系的嵌套关系才能够使用//祖先组件里面<template> &l原创 2020-06-03 20:25:17 · 936 阅读 · 0 评论 -
rouer-view的理解和使用
什么是嵌套路由?就是说,我们在一个component里面去放置了另外一个组件,这个组件的内容会根据不同的路由显示不同的东西。说白了就是大组件里面套用了一个小组件,但是这个小组件呐,不是我们写死的,而是根据不同的路由进行显示的。借用官方的一张图/user/foo/profile /user/foo/posts+------------------+ +-----------------+| User原创 2020-05-30 19:29:36 · 1871 阅读 · 2 评论 -
router-view不渲染
原因:将component写成了compontent希望对你有帮助。下面是过程,留待以后自己阅读,可不看今天在写嵌套路由的时候,出现了一个很有趣的东西。router-view不渲染。编辑器没代码报错,浏览器也没有报错。排查了一下,首先跟自己写的全局前置路由没有关系。其次 浏览器插件里面显示这个时候,大概就知道问题出在哪了,就是出在了路由上面,路由引入不正确。首先查看main.js里面,发现正确引入了router。其次就开始排查router文件,网上有讲将routes写成了router的原创 2020-05-27 01:09:53 · 1132 阅读 · 2 评论 -
自定义的请求拦截
// 引入axiosimport axios from ‘axios’import store from ‘…/store’// 创建一个axios的实例 请求的真整地址就会拼接到baseURL后面/*例如,如果我们在其他地方使用了我们export default的instance 的时候,所有的客户端请求都回先经过欧文们*自定义的请求拦截器所有的接口返回值都会先经过我们自定义的返回拦截器*/const instance = axios.create({baseURL: ‘封装的请求原创 2020-05-23 21:05:50 · 267 阅读 · 0 评论 -
解决子组件改变传递的值,父组件的值也会跟着改变的情况
今天在没事重新翻阅 vue的开发文档的时候,发现一个很好玩的东西,很开心,也感觉有必要记录一下,也给大家分享一下,避免大家踩坑文档说:注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。这句话咋一看好像是说vue的组件传值不在准守但想数据流这个规则,其实不是这样的,上面讲了,是引用数据类型,不在遵守这个规则。为什么?这就要说说vue的组件传值对于引用数据类型来说,是一个 浅拷贝。原创 2020-05-22 16:22:32 · 4507 阅读 · 2 评论