注册组件代码如下： // 设置自定义指令v-focus directives: {// focus指令名称 focus: {inserted(el) {el.focus()},},}, 以上我是按照之前教学视频进行注册的自定义指令，但是失效。运行之后可以试着打印下el，看下值是什么：截图： 通过截图可以看到返回的值是div，我们所以el并不是input而是他的父标签div。所以我们只需用querySelector获取到input再绑定即可。代码：// 设置局部指令v-focus directives: {// focus指令名称...
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题； 情况：在这个页面中出现了mounted 加载了两次的情况；方法：排除法首先把 this.$store.commit() 方法注释掉，发现就好了，只加载一次初步判断是commit 方法导致的二 验证判断是否正确，不使用commit 方法，该用直接改变变量状态的方法，发现又加载了两次；再次判断，不是由于c...
用vue做一款APP开发的时候，在本地文件中引入好font字体文件和字体CSS文件后，运行项目的时候总是提示：Failed to decode downloaded font:，字体图标就显示为一个方框，但是我检查了好几次确定不是引入路径的问题，路径都是对的，也百度了好久，始终没有百度出来。错误提示图片如下：就在我快绝望，想换个字体图标库的时候，我去看阿里适量图标库里面有个生成代码的功能，如下图： 然后，我把这个代码复制到了fontcss文件中，奇迹...
一、在子路由前面加上父路由路径{path: "/foundMusic",component: FoundMusic,children: [{ path: "/foundMusic/newdisc", component: NewDisc },{ path: "/foundMusic/radio", component: Radio },{ path: "/foundMusic/rank", component: Rank },{ path: "/foundMusic/recommend", component: Recommend },{ path: "/foundMusic/singer", component: Singer },{ path: "/foundMusic/songs", component: Songs },] }二、使用.rout...
新年后重装系统，重装vue-cli，运行项目，发现无法使用 console根据提示，原来是eslint禁了此函数的使用。解决办法：找到项目文件夹内的 package.json文件，打开，找到 "rules":{}修改为："rules": {"no-console": "off"},问题解决！原文：https://www.cnblogs.com/sx00xs/p/12158803.html
之前项目遇到个情况，npm run build打包之后上传到服务器后，index.html打开一片空白，资源都加载了，但是就是不显示。然后百度找了原因，修改了两处地方一、修改 assetsPublicPath 在config/index.js里面，有个 assetsPublicPath 属性，源码是‘/’，修改成‘./’，加个点assetsPublicPath: ‘/‘,二、路由模式将histroy改成hash模式，起初 mode:‘history‘const router = new Router({ base: ‘/‘, mode: ‘hash‘, routes:...
关于react与vue中的key之前在学习react的时候，常常遇到循环渲染组件时会提示需要在循环组件中加上key属性，比如有一组列表：import React, { Component } from react;export default calss MainApp extends Component {state = {student: [{name: Jenny,id: a001},{name: Jerry,id: a002},]}render() {return (<div><ul>{this.state.student.map(item => {// key是必须的属性，不然浏览器会抛出错误提示return (<li key={item.id}...
这篇文章主要介绍了详解vue-cli 快速搭建单页应用之遇到的问题及解决办法，现在分享给大家，也给大家做个参考。一、报错内容类似：Expected indentation of 0 spaces but found 4将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉（eslint-loader内容）,重新运行.二、报错内容： Newline required at end of file but not found只需要在 js css 等后面再加一行（空行）就可以了或者将 build 文件下的 webpack....
本文主要为大家分享一篇解决vue2中使用axios http请求出现的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。使用axios处理post请求时，出现的问题解决默认情况下： axios.post(url, params).then(res => res.data);当url是远程接口链接时，会报404的错误：Uncaught (in promise) Error: Request failed with status code 404我们需要实例化一个新的axios,并且设置他的消息头为content-...
本文主要介绍了vue resource post请求时遇到的坑,需要的朋友可以参考下，希望能帮助到大家。使用 post 请求// global Vue object Vue.http.get(/someUrl, [options]).then(successCallback, errorCallback); Vue.http.post(/someUrl, [body], [options]).then(successCallback, errorCallback); // in a Vue instance this.$http.get(/someUrl, [options]).then(successCallback, errorCallback); this.$http.post(/someUrl, [body...
本篇文章主要介绍了关于vue.js组件数据流的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧一、组件组件，可以说是现代前端框架中必不可少的组成部分。使用组件，不仅能极大地提高代码的复用率和开发者的开发效率，对于代码后期的维护也有着非常重要的意义。前端开发，由于历史遗留原因，WebComponent 虽然好用，但其发展情况却受到极大地限制，和很多新兴的前端技术一样，可望而不可即。基于这...
这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写. 问题版本的如下所示: import Store from ./store我大概看了一下, vue似乎不支持在import部分包含带首字母大写的变量,所有import进来的对象必须要小写,我试过把router改成Router, 发现路由部分也会受影响. 这种方式是典型的将vuex值及其中的方法暴露给所有的组件使用, 即将vuex视作一个"全局变量", 但vuex也可以仅提供给部分组件,即谁...
我们先来看下代码： location / { index index.html; root /dist; try_files $uri $uri/ /index.html; }try_files首先会判断他是文件，还是一个目录，结果发现他是文件，与第一个参数 $uri变量匹配。 然后去到网站目录下去查找文件是否存在，如果存在直接读取返回。如果不存在直接跳转到第三个参数. 现在不明白的是既然跳到了index为什么显示的还是路由后的界面 内容扩展： 问题背景： vue-router 默认是hash模式，使用url的hash来...
事故还原:今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果后面的输入框再输入值,这个日期就会自动清空,导致没办法提交,研究之后发现是vue的model绑定和layui冲突产生的,事实上是vue无法动态绑定layui中获取到的日期值,我们把那个v-model去掉就好,但是去掉的话就没办法动态绑定后台数据. 下面是html+vuejs+layui lyui通过use方法获取到input的ID实现日期选择,但是vue的model绑定和layui是有冲突的. 对...
今天在工作中遇到一个问题，郁闷了很久，特地写一篇博客记录一下，方便以后再遇到可以查找，也分享个各位小伙伴，在网上查找很多资料说用Vue.$set设置属性后视图也会更新，但是真相并不是这样，通过等于号赋值和$set方法我都试了，前台属性值改变但是视图并没有改变，下面上图：我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取，但是输入过后下面的文本框的值并为发生变化，在浏览器console却发现值已经改变了...