不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。 大部分的情况中，是开发者使用了错误的写法，例如： <img src="{{ imgUrl }}"/> 这样写肯定是不对的，正确的写法应该使用v-bind: <img v-bind:src="imgUrl" ...
分类：
其他好文 时间：
2020-07-18 22:44:17
阅读次数：
96
Vue绑定样式有绑定class和绑定style两种方式，这两种方式都有对象语法和数组语法。 一、class绑定 1.1 对象语法 使用js对象的方式，也就是key-value的方式，给元素的class属性绑定样式，其中key是样式，value控制key样式是否有效，value是个布尔值。 <styl ...
分类：
其他好文 时间：
2020-07-14 19:58:48
阅读次数：
65
?一、属性绑定 v-bind可以用来给元素的属性绑定数据，v-bind的简写形式是 : 符号。 <div id="app"> <a v-bind:href="baidu">百度一下</a> <a :href="tengxun">腾讯</a> </div> ? <script src="../lib/ ...
分类：
其他好文 时间：
2020-07-14 18:48:36
阅读次数：
81
1、 事件绑定 @click 简写 v-on:click 全写 click对应的方法是methods的方法 标签属性绑定 :class 简写 v-bind:class 全写 可以使用data中的数据 class的样式绑定 v-if v-else-if v-else v-show v-for：循环 1 ...
分类：
其他好文 时间：
2020-07-11 22:32:41
阅读次数：
48
一、父组件与子组件通信 父组件与子组件通信段桥梁是子组建的**props**属性，通过属性绑定的方式，将父组件的数据传到子组件的props中，子组件在内部使用这些数据。 HTML部分 <div id="app"> <!-- 父组件将fruit传递给 f --> <component-a v-bind ...
分类：
其他好文 时间：
2020-07-10 21:14:18
阅读次数：
57
模板语法： 插值表达式 指令 事件绑定 属性绑定 样式绑定 分支循环结构 1. 插值表达式 使用{{ }}的形式将数据显示在页面中 <div>{{msg}}</div> 2. 指令 ① 什么是指令？ 指令的本质就是自定义属性 指令的格式：以v-开始（比如： v-cloak） ② v-cloak指令用 ...
分类：
其他好文 时间：
2020-06-11 21:50:03
阅读次数：
64
条件渲染: ts： <p>test works!</p> 文本绑定: {{myHero}} <br> 属性绑定: <div [innerHTML]="myHero"> </div> <br> 条件渲染: <a *ngFor="let item of list2; let idx=index"> <! ...
分类：
其他好文 时间：
2020-05-21 00:11:11
阅读次数：
124
app.json 不可添加数据 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。（多页面的时候，通过更改这个顺序进行调试） wx:for 在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重 ...
分类：
微信 时间：
2020-04-19 13:20:39
阅读次数：
95
HTML的补充学习 1. meta与base 2. img 3. 表单 ~~~ 1. 表单元素都是用form包裹，fieldset是一个框框，legend是框框的标题 2. label元素的属性for绑定的是id 3. 单选框的name属性一样的话，就是同时只能选一个 ~~~ 4. iframe ~ ...
分类：
Web程序 时间：
2020-04-12 23:04:06
阅读次数：
148
完整微信小程序授权登录页面教程 === 1、前言 微信官方对getUserInfo接口做了修改，授权窗口无法直接弹出，而取而代之是需要创建一个button，将其open type属性绑定getUseInfo方法。在参考了网路上各种方案之后，实现了用户在授权之后跳转到小程序首页的授权登录页面。 2、实 ...
分类：
微信 时间：
2020-04-12 18:52:29
阅读次数：
102
