随笔分类 - vue
摘要：在IE下由于不支持promise而导致的问题，需要插件babel-prolyfill 接着在webpack.config.js当中进行配置 这样就能解决这个问题了
阅读全文
摘要：在没使用扩展办法的时候，在组件当中通过下面方式进行传参 而使用了扩展函数了之后，直接在调用的地方传入参数，会自动传递的 这里在我调用 @click(testMethods(data)) 这个时候传入 data 扩展写法会自动将这个参数传递过来 数组写法
阅读全文
摘要：出现这种问题的主要原因是当前的babel不支持...对象展开扩展符，只需要安装一个插件然后再在.babelrc当中进行下配置就好了 然后在.bablerc当中增加 "plugins": ["transform-object-rest-spread"]
阅读全文
摘要：vue-router有提供一个方法scrollBehavior，它可以使切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 这个功能只在 HTML5 history 模式下可用。
阅读全文
摘要：今天在vue当中使用了full-page这个组件。但是发现在每次路由跳转完之后，再回到使用fullpage的这个页面，fullpage会报错，fullpage只能初始化一次。 这个时候给路由使用keep-alive就可以完美的解决这种问题了 但是同时会导致一个问题，由于组件缓存了，会导致before
阅读全文
摘要：之前在项目当中有使用过sass,但是使用的方式有点Low，是在vue文件当中的style下面通过@import的方式引入的。 其实在webpack当中也可以通过在main.js当中import "index.scss" 这种方式引入 需要的解析器，分别为style-loader css-loader
阅读全文
摘要：在看张鑫旭博客得时候看到了electron这个东西，来了兴趣，就按照上面写的将已经做好得vue项目拿来试了试，出乎意料得顺利 electron简单说下electron，就是把 chrome内核和你的项目文件打包成一个程序，和移动端得混合应用有点类似。当然实现起来肯定没有说得这么简单得。 那么怎么做呢
阅读全文
摘要：形如 var json = {data: ["haha","sasa","zaza"]} 这种对象嵌套数组得在转化为字符串传到后台会变成 {data[0]: "haha", data[1]: "sasa", data[3]: "zaza"} 显然发送过去得数据不是我们想要得，解决办法是 先将 里面得
阅读全文
摘要：vue 构建单页面应用，但是问题是随着系统的体积变大，js文件也体积太大了，这时候就需要按需要进行加载了 vue-router提供了懒加载的方式 将引入组件的方式变成上面这个样子就好了 另外一种写法
阅读全文
摘要：类似于这样的形式，这里的index是以string的数据格式存在的。 这时候这样写就会有问题，会报错 这样就不会有问题了
阅读全文
摘要：为过渡动画添加mode="out-in"在其它浏览器下面就能正常的使用了
阅读全文
摘要：重新上传
阅读全文
摘要：在mounted当中进行dom相关操作 this.$refs
阅读全文
摘要：使用@keyup.enter.native就可以触发了
阅读全文
摘要："/" 表示路由根目录 "/AdminPage" 表示一级路由 如果在一级路由下面配置子路由 "User",表示的意思是 "/AdminPage/User"，表示二级路由 三级路由“User/UserConfig” 表示的意思是“/AdminPage/UserConfig”,当然也可以直接配置，也就
阅读全文
摘要：当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “就地复用” 策略。如果数据项的顺序被改变，Vue将不是移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。这个类似 Vue 1.x 的 track-by="$in
阅读全文
摘要：发现router-link添加上去后文字上会出现下划线，打开调试工具发现router-link其实是由a来实现的，在reset的时候 至于点击之后的样式则是router-link-active .router-link-active { text-decoration: none; }
阅读全文
摘要：需要分别安装node-sass 和 sass-loader;可以不需要ruby; webpack当中配置 使用的时候要记得在style当中加lang="scss"
阅读全文
摘要：之前build打包好在我本地运行是没问题的，但是发给后端部署，他说我的路径有问题，这个是由于vue-cli默认的打包路径 的“/”根目录，由于文件没有部署到根目录所以出现了这个问题。 修改webpack以后，再打包给后端，可以用了，但是npm run dev不行了，npm run dev调试的时候需
阅读全文
摘要：在.vue文件当中默认是不支持emment的，需要在vscode设置当中设置
阅读全文
浙公网安备 33010602011771号