Vue.js

大家都知道VUE项目通过HBuilder X进行打包成APP，参考步骤： 利用HBuilderX将vue项目打包成app 大家打包过程会发现：勾选DCloud老版本正式（我使用的是HBuilder X2.8以上版本）都要求实名制了，比较麻烦，不想实名制，实名制后然后又要啥来着。然后就选择了“使用公共测试证书”选项，发现这个打包过程还是失败，还要求开通什么账号，可能还要付费之类的： 以上方法行不通，没办法，我只选择“使用自有证书”，也就是自己做证书，这个官网明确说：Android证书的生成是自助和免费的， 不需要审批或付费 。 或者第三方傻瓜式自动生成证书 ： https://www.yunedit.com/createcert （没试过） 制作证书的那个方法查看官网方法1： https://ask.dcloud.net.cn/article/35777 官网大致总结3个步骤： 步骤1： 大概流程如下：最后一步选择：”是“，选择其他的就会循环让你输入前面的内容 查看是否新建成功，别名是你上上图输入的，可以修改自己想要的 生成成功，在HBuild会提示你证书生成路径在:D:/test.keystore,你只要上传就行 步骤2： 把你生成证书导入即可，内容如下，这个名称和密码是你刚刚输入的（看看 官方文档 ）上图 打包成功后会提示。。 步骤3： 查看云打包状态，然后下载,点击“运行”--

使用 vue-clipboard2 复制到粘贴板 1.安装vue-clipboard2 npm install --save-dev vue-clipboard2 2.main.js中添加 //复制到粘贴板插件 import VueClipboard from 'vue-clipboard2' VueClipboard.config.autoSetContainer = true Vue.use(VueClipboard) 3.文件中使用 < template> < div> < input type= "text" v-model= "copyUrl" /> < button type= "button" class= "btn" v-clipboard:copy= "copyUrl" v-clipboard:success= "onCopy" v-clipboard:error= "onError"> 复制链接 </ button> </ div> </ template> < script> export default { data() { return { copyUrl: 'http://baidu.com' }; }, methods: { onCopy(e) { console.log(复制成功！); }, onError(e) { console.log(复制失败

Copying text to clipboard with javascript methods: { copyUrl() { const el = document.createElement('textarea'); el.value = this.link_url; el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el); const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false; el.select(); document.execCommand('copy'); document.body.removeChild(el); if (selected) { document.getSelection().removeAllRanges(); document.getSelection().addRange(selected); } } } 来源： oschina 链接： https://my.oschina.net/it110/blog

一、传值相关 // 使用 query 传值，使用这种方式传值，请求参数会跟随再Url后，能保证刷新页面依旧能够取到请求的值。 // 如是跳转的页面中存在子路由，而子路由的请求的地址不存在 query 中的参数，则参数会丢失。 // 需要全局共享参数 可以使用 vuex 。 this.$router.push( url:"", query:{} ) 使用 this.$route.query.att 进行取值 其中 att 是 query:{} 中包含的参数 // 使用 param 传值,语法于query 相识，Url 中不存在请求的参数。 this.$router.push( url:"", param:{} ) 使用 this.$route.param.att 进行取值 其中 att 是 param:{} 中包含的参数 // 使用路由传值 可在目标路由处使用附带请求参数， this.$router.push("url\"+att) // 其中路由中需要使用 :/att 占位符标识请求参数 // 例如 path:'/url/:att 使用 this.$route.param.att 进行取值 其中 att 是 param:{} 中包含的参数 二、组件传值相关 // 父/子组件之间通信 // 其中 att 是需要传递的属性 method 是需要传递的方法 <child :att=

vue——keepAlive第一次无效问题及解决方法 参考文章： （1）vue——keepAlive第一次无效问题及解决方法 （2）https://www.cnblogs.com/linjiangxian/p/12214745.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4362486/blog/4922635

嗨喽 ！Java后端编程的各位小伙伴们，由于公众号做了乱序推送改版，为了保证公众号的推文能够第一时间及时送达到大家手上，大家记得将公众号 加星标置顶 ，公众号每天会送上Java技术干货推文 ！ 上篇推文： 开源 SpringBoot 商城系统，真香！ 刚学习Java的同学，如果想要快速获得项目经验，最好的途径就是学习前辈的开源项目。编程君在大学也是去GitHub上搜索那些关注比较多的Java项目下来研究和学习，慢慢的懂得了一整套的开发所需要掌握的知识点和技能 。所以，后续公众号会慢慢跟大家推荐一些Java开源项目给大家，一起学习成长~ 项目简介 微人事 ：这是一款 前后端分离的人力资源管理系统，项目采用 SpringBoot+Vue 开发，项目加入常见的企业级应用所涉及到的技术点，例如 Redis、RabbitMQ 等 。界面虽然不是很好看，但是还是很适合新手学习！ 项目框架 后端技术栈 Spring Boot、Spring Security、MyBatis、MySQL、Redis、RabbitMQ、Spring Cache、WebSocket 。 前端技术栈 Vue、ElementUI、axios、vue-router、Vuex、WebSocket、vue-cli4 。 今天给大家介绍的这款Java开源项目，在GitHub已经标星19K了，非常不错。如果大家有兴趣的话

引用网址： https://www.cnblogs.com/yuqing6/p/7440549.html 一，安装 1.github下载 git clone https://github.com/vuejs/vue-devtools 2 进入目录使用命令行安装 cd vue-devtools npm install 3修改manifest.json ( 打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true ) 4 编译代码 npm run build 5 拓展Chrome插件 Chrome浏览器 > 更多程序 > 拓展程序 点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图 6. vue-devtools使用 vue项目, 打开f12, 选择vue就可以使用了. vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试 来源： oschina 链接： https://my.oschina.net/u/4397001/blog/3421768

1. 首先在GitHub上下载vue的调试程序插件 vue-devtools 地址：在github上下载压缩包并解压到本地，github下载地址： https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd cd进入vue-devtools（下载的文件夹中）文件夹， 1. npm install，安装依赖包； 2. npm run build 3. npm run build 执行完， 会在shells>chrome下的src文件夹里生产如上图所示的几个js文件； npm run build 执行完，会在shells>chrome下的src文件夹里生产如上图所示的几个js文件； 若不执行以上命令会报错，无法加载背景脚本"build/background.js"，如下图： 3. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true 4. 扩展chrome插件 1.打开chrome浏览器，打开更多工具>扩展程序； 2.再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入 5， 测试安装成功 在插件的目录下执行npm run dev，这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了