随笔分类 - Vue开发
vue开发中问题
摘要：开启debug模式后，苹果手机第一次进入提示这个。 这时候，config已经签名失败了 。 神奇的是刷新当前页面，就可以签名成功了。 所以添加了判断代码，苹果浏览器，需要重新刷新一次。 wx.error((res) => { // 微信配置失败 // console.log(res); // con
阅读全文
摘要：转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下
阅读全文
摘要：要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr
阅读全文
摘要：1.vue3打包设置 2.vue3路由配置history 3.vue3屏蔽eslint
阅读全文
摘要：1.修改表单中的数据，列表行数据对应的同步修改 原因：this.model = record;行为属于浅拷贝，直接修改，会修改指针地址中的内容； 解决方法： （1）使用JSON转换：this.model = JSON.parse(JSON.stringtify(record)); （2）使用Obje
阅读全文
摘要：select,radio,checkbox等等，有时候在选择时会触发change事件两次。解决：检查一下，在插件中是否使用了v-model和@change同时存在的情况。如果是，按需求选择去掉其中一个即可。 a-radio有时通过重新渲染，发现之前的选中选项仍然存在，没有变化。解决：这个组件渲染后，
阅读全文
摘要：第一步，配置路由 第二步，配置菜单组件 就可以实现打开新窗口页签。
阅读全文
摘要：安装 npm install vue-awesome-swiper -save 或者 yarn add vue-awesome-swiper 使用 全局注册没问题 import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/css
阅读全文
摘要：最近在项目中使用vue框架开发项目，但是打包完成后的文件，部署到IIS服务器上的时候却出现了问题。 问题的原因就是找不到路由，因为IIS上是每个路由是指向的具体的物理路径。而vue+webpack打包生成后的文件是单页应用。所以就会出现找不到404的情况。 在网上查了超多资料，有说安装url rew
阅读全文
摘要：element-ui,是一款基于vue2.0的快速构建框架的前端组件。使用起来方便快捷，非常适合快速开发。但是，使用别人的通用组件有一个通病，那便是，做自己的项目常常会有自己的需求，是和组件组件本身相冲的。这时候的你就会陷入是无尽的烦恼中，如何既可以使用这个组件又可以达到自己想要的效果。这里我开设一
阅读全文
摘要：1.首先查看一下，是否是使用了vue-ssr;如果使用了，在index.html页面<body></body>标签中的注释 <!--vue-ssr-outlet-->一定不可以因为占空间而删掉。这是提示ssr，将渲染的内容以此为锚点，插入到这个地方。 2.代码中有错误：比如将英文“;”分号，写成了中
阅读全文
摘要：并不是所有的js文件都可以直接在webpack中使用。这些文件可能不支持模块（module）格式，甚至完全没有使 用模块（module）。 webpack提供了几种loaders(装载机)来解决这些文件如何在webpack中使用。 这个示例使用require来保证他们（ 的代码量）短小。通常你需要在
阅读全文
摘要：在vue项目的开发中，对于新手的我们，进入项目文件夹后，在文件夹 的如图所示位置： 输入cmd调出dos命令窗口，然后开始输入npm run dev命令运行 如图 （红色部分为项目存放路径）按enter键开始启动node服务器 运行成功，然后可以在浏览器中输入localhost:8080(端口号可以
阅读全文
摘要：常常听一些前辈说vue是react的组件化+angular的数据绑定的结合体； 最近刚刚开始使用vue开发项目，我也是在摸索中前进，现在我们来说一说vue的组件化开发。 实际的项目开发，并不像一些文章中的提到的模式，而是如图所示的模式： App.vue是项目的入口。组件实则也是一个以.vue为后缀的
阅读全文
摘要：vue项目中的路由： router.js // 引入vue和vue-router import vue from 'vue' import vueRouter from 'vue-router' // 自定义一个页面组件 import home = (resolve) => { require(['
阅读全文
摘要：1. vuex文件index.js 文件内容： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { flag: true }, mutations: {
阅读全文
摘要：使用vue忙碌的开发了几个月的项目，最近终于得以喘息。现在把开发中的问题，总结一下。方便以后观看。 1.vue项目中何时使用v-html标签绑定数据？ 当你的数据中有html元素标签，并且希望按照元素标签的样式显示的时候，这个时候就需要使用v-html来绑定数据。 例子： js代码部分： expor
阅读全文
摘要：1.在后缀名为.vue的文件中，直接使用import引入： <style lang="less" scoped> @import '../assets/css/index.less' </style> 或者 <style lang="scss" scoped> @import '../assets/
阅读全文
摘要：看到别人的解决方法，具体是否正确，有待考证 created () { console.log(this.getStatus(this.$route.path))}, watch: { '$route' (to, from) { console.log(this.getStatus(this.$rou
阅读全文
