随笔分类 - 框架--vue
vue前端框架的讲解
摘要：vue+ vue-i18n实现前端语言国际化:https://blog.csdn.net/m0_57364615/article/details/121517246 vue项目国际化(使用vue-i18n): https://blog.csdn.net/qq_44376306/article/det
阅读全文
摘要：我的解决方案：执行以下脚本： npm uninstall sass-loader node-sassnpm install sass-loader@8.0.2 sass@1.26.5 --save-dev不要安装node-sass，安装sass就可以了，package.json如下： "devDep
阅读全文
摘要：1、页面调用function函数在methods中引入写法 <el-upload :before-upload="(file) => {return handleBeforeUpload(file, index, maxFiles)}" > </el-upload> export default {
阅读全文
摘要：链接规则参数检查：https://eslint.vuejs.org/rules/require-component-is.html 1、在整个文件中取消eslint检查： 在整个文件中取消eslint检查： /* eslint-disable */ // Disables all rules for
阅读全文
摘要：简单来说，Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。 //改变数据 vm.message = 'changed' //想要立即使用更新后的DOM。这样不行，因为设置message后DOM还没有更新 console.log(vm.$el.t
阅读全文
摘要：在vue中实现滚动监听和原生js无太大差异，下面是一个简单的demo，可在控制台查看结果
阅读全文
摘要：第一种方式：html-webpack-plugin（插件的基本作用就是生成html文件。原理很简单：） 使用 npm 安装这个插件 这个插件可以帮助生成 HTML 文件，在 body 元素中，使用 script 来包含所有你的 webpack bundles，只需要在你的 webpack 配置文件中
阅读全文
摘要：1.node启动vue项目时地址一般都是http://localhost:8080 2.config->index.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了 将localhost换成自己电脑的ip的方法 https://blog.csdn.net/Zhooso
阅读全文
摘要：目前发现使用没什么问题，可以先使用 <template> <div class="test"> </div> </template> <script> export default { name : 'test', data() { return { websock: null, } }, crea
阅读全文
摘要：快速实现Vue.Draggable的拖拽效果，具体内容如下： 第一种方式：vuedraggable组件安装 安装： 配置：package.json 在你的组件中引进依赖： 注册：draggable这个组件 使用html模板中使用该组件 Vue.Draggable实现拖拽效果 https://www.
阅读全文
摘要：vue-schart 是使用vue.js封装了sChart.js图表库的一个小组件。支持vue.js 1.x & 2.x 安装 在vue组件中使用 引入该组件 注册该组件 在template标签中使用 图表中的数据 数据响应 数据变化时，重新渲染图表 数据响应 数据变化时，重新渲染图表 vue中vu
阅读全文
摘要：Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决 注意：在vue cli3 默认手脚框架也可以兼容低版本问题 presets: [ '@vue/cli-plugin-babel/preset' ], 根目录下新建 .babelrc 文件，这一步项目没有的话可以省掉 { "presets
阅读全文
摘要：第一种方式：vue-awesome-swiper的用法 一般做移动端轮播图的时候，最常用的就是Swiper插件了，而vue.js也有一个轮播组件vue-awesome-swiper，用法跟swiper4.X相似。 1、安装vie-awesome-swiper 2.引用vie-awesome-swip
阅读全文
摘要：如何使用点击方式控制当前页返回到上一个路由页面： 查阅相关资料，返回上一目录用到的是 this.$router.go(-1); 将该方法些到返回按钮上，点击触发该方法；具体代码如下: 1.在当前页面添加返回按钮 2.在方法体内现价back方法 问题2：如何控制"返回键" 的显示和隐藏： 由于这里需要
阅读全文
摘要：记录一次vue调用微信JDK https://blog.csdn.net/weixin_41003211/article/details/79282916
阅读全文
摘要：解决第三方网页在微信浏览器中点击图片自动放大，因为微信Android客户端已经在底层支持img标签自动放大功能； 传统方式： $(document).on(‘click’, ‘img’, e => { e.preventDefault(); }) 这个方式可能会把所有的默认的属性都屏蔽了，典型的就是
阅读全文
摘要：Promise.prototype.catch 方法是 .then(null, rejection) 或是 .then(undefined, rejection)的别名，用于指定发生错误时的回调函数。 如果Promise 对象状态变为resolved，则会调用then方法指定的回调函数；如果异步操作
阅读全文
摘要：第一步骤：webpack概念 1、入口起点（entry） 用法：entry: string|Array<string> webpack.config.js const config = { entry: './path/to/my/entry/file.js' }; module.exports =
阅读全文
