先安装axios npm install axios然后在vue页面中进行编码： import axios from 'axios';export default {name: 'App',components: {},data: function(){return {my_pics: []}},methods: {getPicList(pic_dir) {const path = 'http://127.0.0.1:5000/folder/'+pic_dir;axios.get(path, null, { params: {root:pic_dir}}).then((res) => {this.my_pics = res.data;}).catch((error) => {// eslint-disable-next-lineconsole.error(err...
首发tools:https://www.t00ls.net/thread-59512-1-1.html 存储型XSS 最近做测试的时候碰到了一个前端页面使用了Vue框架的项目在测试XSS漏洞的过程中通过保存构造的Payload后发现页面显示不正常，这让我觉得肯定有戏事不宜迟，翻看JS源代码发现一个名为project_name属性的值被构造的单引号闭合了，导致语句出错。可以看到它在这里实例了一个Vue构造器，在el 属性中使用id选择器将该实例指向了页面上id 为 mainbody的div元素。可控点...
一、首先来看下v-show 与 v-if 的区别 1、共同点：当为false时，两者渲染的标签都不显示，当条件不成立时，其所对应的标签元素都不可见 2、不同点： ①.v-if在条件切换时，会对标签进行适当的创建和销毁，而v-show则仅在初始化时加载一次，因此v-if的开销相对来说会比v-show大。 ②.v-if是惰性的，只有当条件为真时才会真正渲染标签；如果初始条件不为真，则v-if不会去渲染标签。v-show则无论初始条件是否成立，都会渲染标签，它仅...
项目：PC端网站 工具：前端:Vue 后端:PHP 请求和接口：axios & nginx 1.问题： 在开发用户登录功能时，使用Vue的devServe代理跨域请求后端接口时多出了一次请求， POST 请求被转为了 GET 请求，并且在这个过程中传入的参数也被清除了。但是使用Postman测试接口时完全正常。（如图）既然postman访问正常，那么我推测问题导致的原因应该是前端axios的配置问题，但经过一天的百度谷歌疯狂搜索，很多解决方案都没有用。正当我心态即将炸...
Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板<div class="app"><div ref="msgDiv">{{msg}}</div><div v-if="msg1">Message got outside $nextTick: {{msg1}}</div><div v-if="msg2">Message got inside $nextTick: {{msg2}}</di...
们再项目中经常会遇到这么些情况，兄弟组件之间的传值。 比如说一个组件内的按钮触发了兄弟组件的<audio>标签，从而播放背景音乐。另一个组件触发了暂停，从而暂停背景音乐。 这个时候就会用到$on和$emit了。 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 $emit 1、this.$emit（‘自定义事件名’,要传送的数据）； 2、触发当前实例上的事件，要传递的数据会传给监听器； $on 1、VM.$on('事件名',callback) ---cal...
目录 一、引入public中的img 二、引入assets中的img 三、通过require()函数动态引入路径 四、css中background属性通过url()函数引入路径 五、css中background属性通过url()函数 动态 引入路径 六、通过组件动态引入路径 七、组件引入public中的路径 八、组件引入外部图片链接推荐<el-image>组件，其详细介绍见：https://element.eleme.cn/#/zh-CN/component/image 一、引入public中的img二、引入assets中的img三、通过require()函数...