- 博客(11)
- 收藏
- 关注
原创 input输入框回车发送,移动端回车按钮的样式
在输入时希望光标到最后的位置(通过选择内容修改的光标)根据需要放置。el-input标签用 @keyup.enter.native。enterkeyhint属性可以修改输入键盘的回车键的表现形式。对于移动端经常遇到输入键盘的回车是发送、搜索、下一项等样式。input用 @keydown.enter。需要配合事件触发不同的行为(以发送为例)在vue中采用以下方法监听事件。
2023-05-04 09:41:20 1390
原创 修改页面的标题配合路由、页面事件获得和失去焦点使用
可以在页面中通过js事件(页面获取和失去焦点)修改页面的标题。可以在路由中修改(根据路由的meta.title设置标题)
2023-03-13 09:36:03 98
原创 微信小程序web-view说明
微信小程序不支持window对象,没有DOM对象,在页面嵌入H5页面可以弥补这块空缺。注意:web-view会自动铺满整个页面。H5页面需要是HTTPS传输方式,页面需要把地址补全https://xxx.com/xxx/xxx.html(注意域名需要再开发者后台配置域名)。H5的实际环境还是在小程序内部,可以使用小程序的一些方法。跳转回原本的小程序的某个页面(等于微信内页面的跳转且参数设置相同)第一步:H5引入微信的公开的API。
2023-02-20 11:04:43 605
原创 微信小程序引入外部的CSS或iconfont
iconfont作为一种特殊的CSS也逃不开这个命运,小程序的wxss文件font-face中的url不接受HTTP地址参数,但是接受base64,因此而我们可以将字体文件下载后转化为base64.将下载文件目录下.css文件直接修改成.wcss文件,放置到项目目录下,在开发者工具中打开,复制下面加在文件中。将第一步中下载的文件中iconfont.css用记事板打开复制选中代码。保存文件,就可以在需要地方引入文件了,在wxml中就可以使用图标了。)寻找需要的字体图标,并下载,在压缩包中找到ttf格式文件。
2023-01-30 18:59:28 2965
原创 微信小程序返回上一页面并更新的数据
微信小程序开发过程中经常把当前页面数据传递给上一个页面,wx.navigateBack()返回上一页,无法传递数据,页面视图没有响应。其中一个办法就是巧妙利用页面栈。getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。重点:在当前页面拿到上一个页面的实例对象,然后调用该对象的方法完成数据传递。当前页面:在文本框输入姓名,点击按钮后更新上一个的name。注意:页面跳转需要使用wx.navigateTo跳转。
2023-01-03 00:11:36 4449 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人