上一页 1 2 3 4 5 6 ··· 10 下一页
摘要: input input标签不做任何设置的时候,就是个输入框,需要注意的是默认没有样式,这跟html不同。 <input></input> 我输入了内容,但是可以看到没有边框样式。 type属性 1.text,就是默认的type属性值,输入框; 2.password,密码框; 3.number,只能输 阅读全文
posted @ 2023-08-02 16:57 luytest 阅读(1013) 评论(0) 推荐(0) 编辑
摘要: block 用法 <block> <view>哈哈哈哈</view> </block> 标签本身不会在页面上渲染出来,只接受控制,比如控制内容是否要显示,循环,绑定数据等等。 常用属性比如 wx:if="" wx:for="" 这种,需要注意的是调用data部分变量用 {{变量名}} 方式。 并且在 阅读全文
posted @ 2023-08-02 16:28 luytest 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 复选框checkbox 是一对标签,文本写在标签里 <checkbox value="chang">唱</checkbox> <checkbox value="tiao">跳</checkbox> 展示成这样 最重要的属性跟html一样,是value,代表了选择项的真实值。 单选框radio 写法 阅读全文
posted @ 2023-08-02 15:44 luytest 阅读(334) 评论(0) 推荐(0) 编辑
摘要: Button 就是按钮,它最常用的属性就是type type:指定按钮的样式,有如下四种 <button>我是按钮1</button> <button type="default">我是按钮2</button> <button type="primary">我是按钮3</button> <butto 阅读全文
posted @ 2023-08-01 16:00 luytest 阅读(362) 评论(0) 推荐(0) 编辑
摘要: View标签 删除上次test.wxml中的内容,改成 <View>这是第一个View</View> <view>这是第二个view</view> 新加了2个view标签 页面展示为 可以看到,一个view标签占满了一行,跟代码里view标签是否换行是没关系的。 包括我改成这样 <View>这是第一 阅读全文
posted @ 2023-08-01 11:37 luytest 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 下载工具 直接百度微信小程序,找到官方网站,选择开发者,下载相应的稳定版就行。 下载后安装,需要微信扫码登录。 完成后出现这个界面 新建项目 点击这个加号,创建第一个项目。 自定义项目名,位置,appid选择测试就行,模板用js吧,比较熟悉。 然后就是这么个界面 左侧就是一个最基础的小程序初始界面, 阅读全文
posted @ 2023-07-31 16:02 luytest 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 有时候我们需要根据变量的变化去更改dom或者输出结果,也就是需要监听data部分,和Vue2一样,需要用到watch监听器。 简单例子,输入框绑定了context,当我们改变输入框的值时,watch里同名监听器context监听到了变化,通过判断新旧值是否有变化弹出提示。 需要注意的是: 1、监听器 阅读全文
posted @ 2023-07-17 13:43 luytest 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 表单输入绑定 v-model可以绑定各种不同类型的输入,它会根据不同的元素自动使用对应的DOM属性和事件组合。 文本类型的 <input> 和 <textarea> 元素会绑定 value property 并侦听 input 事件; <input type="checkbox"> 和 <input 阅读全文
posted @ 2023-07-13 13:44 luytest 阅读(20) 评论(0) 推荐(0) 编辑
摘要: v-if,v-else-if,v-else 控制元素是否渲染,不满足条件的时候不会有相应元素。 <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> 阅读全文
posted @ 2023-07-12 14:35 luytest 阅读(18) 评论(0) 推荐(0) 编辑
摘要: Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, 阅读全文
posted @ 2023-07-12 11:32 luytest 阅读(16) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 10 下一页