uniapp
坚持学习前端日记
一个喜欢前端的程序员
展开
-
uniapp自定义返回事件
<template> <view> 123 <button type="default" @click="to()">返回</button> </view></template><script> export default { data() { return { } }, methods: { to () { uni.showModal({ ti原创 2022-01-11 13:09:18 · 3616 阅读 · 0 评论 -
vue打包安卓
第一步新建vue项目注意dist文件 里面 通常打包之后 有static 或者没有这个是在配置里面的然后 关键的位置来了打包安卓使用 Hbuilder 的路径需要注意vue项目里面打包出来 需要服务器运行 所以 一直给了一个url 路由/a/b/c 类似这样的我们需要去项目里面去 修改 比如最新的脚手架 提供了 vue.config.js文件把打包publicpath 改为 ./可以去 打包之后 的 html文件里面 修改 如下 两种方式都是可以的然后我们需要通过使用Hbuil原创 2021-06-17 11:51:44 · 1159 阅读 · 2 评论 -
uniapp兼容浏览器转base64
upl () { uni.chooseImage({ success(res) { console.log(res) // let arr = new Uint8Array(res.tempFiles[0]) let arr = new FileReader() arr.readAsDataURL(res.tempFiles[0]) arr.onload = function (res) { console.log(原创 2021-04-22 13:40:07 · 689 阅读 · 0 评论 -
uniapp使用typescript
使用HBuilder编辑器创建uniapp项目然后找到导航栏上面的工具下载两个插件一个是typescript语言服务 用来提示语法一个是typescript编译服务 用来加载uniapp编译安装typescript编译服务出现失败然后找到你安装HBuilder的位置 找到上图plugins文件夹如果你没有点安装 那就不存在compile-typescript文件夹点了 失败 会出现json文件然后 通过命令行管理员权限打开cmd 进入compile-typescript文件使用 np原创 2020-07-07 14:08:25 · 8857 阅读 · 1 评论 -
uniapp简单聊兼容
直接上代码uniapp的代码需要明确的指出兼容性比如我想在H5,APP,weixin做跨平台兼容建议使用原生,越接近原生的uniapp的组件api插件等等不太会出现问题但是也存在缺点由于环境的不一样比如H5你可以大胆的写js的东西,使用vue,vuex,vue-router等等一些属于vue的东西,不需要考虑兼容问题。H5与原生有冲突,与安卓APP很难融合,但却与微信小程序差异不大,因为学过小程序都知道,小程序的视图层,逻辑层,组件,引用,模块,module,exports,template原创 2020-06-20 10:32:38 · 1100 阅读 · 0 评论 -
uniapp开发webAPP
在制作webAPP之前明确自己想要兼容H5还是安卓多一点uniapp是结合了小程序,vue,在学之前需要学习vue与小程序一般在使用HBuilder的时候有一些模板,与一些需要安装的组件如果制作简单的APP,不考虑什么很复杂的功能,内置组件就可以完成,插件市场也很丰富,如果是兼容h5多一点vue+vuex完全是可以考虑的,但是在安卓环境会出现兼容问题在这里插入图片描述使用如下代码做兼容性考虑<!-- #ifndef APP-PLUS --> <!-- #endif -原创 2020-06-12 08:49:16 · 3855 阅读 · 0 评论 -
uniapp与vue原生this.$refs
获取dom节点,如果你是放在组件里面获取,就可以得到如下的信息组件都继承了vue的api方法"$attrs": 子组件接收父组件不在props定义的数据"$children": Array []//子组件信息"$createElement": function $createElement(a, b, c, d)//创建节点如果单单只在HTML标签里面就只有element元素节点的dom信息"$el": <a class="el-link el-link--default is-un原创 2020-05-12 15:20:29 · 3074 阅读 · 0 评论 -
关于uniapp的真机调试
下载360安全卫士安装360手机助手(其他软件助手也可以)将数据线插入电脑连接USB,把手机的开发者模式打开魅族为例 点击设置 打开关于手机 多次点击版号 打开开发者模式然后重回设置 点击辅助功能 下拉 就会看见 开发者选项 打开USB调试用手机助手连接手机成功之后打开HBuilderX使用运行 就可以看见真机型号,会提示安装真机插件大概一百多m然后360会自行安装手机360助手 然后就安装App在手机上面运行...原创 2020-12-27 10:36:52 · 2093 阅读 · 0 评论 -
uniapp的请求request写法
直接上代码 let view=this;//因为下面不是箭头函数,普通函数指向window对象 uni.request({ url:"http://localhost/tp5/publica/index/web/view", method:"POST", data:{ name:view.title }, dataType:'json',//设置json返回值就会json.parse header:{ "Content-Type原创 2020-05-09 16:38:54 · 2184 阅读 · 0 评论