vue使用过程中遇到的细节问题
2024-10-08 11:43:43
1. 在methods 中添加一个方法。如果这个方法使用箭头函数的话,箭头函数中的this不是当前的vue实例,所以通过this.xxx是获取不到实例上面的属性的,这时我们可以用函数的简写来获取到实例上面的属性
2. vue中的v-for循环不能放在根元素上 以下是示例
<template>
<div class="schedule" v-for="cur in schedule">
{{ 我是例子 }}
</div>
</template>
3. 当 v-bind:style
使用需要特定前缀的 CSS 属性时,如 transform
,Vue.js 会自动侦测并添加相应的前缀。
注: 写好例子后用IE 火狐等浏览器打开,然后看控制台上样式
4. 多重值 未用到目前
从 2.3.0 起你可以为 style
绑定中的属性提供一个包含多个值的数组,常用于提供多个带前缀的值:
<div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }">
这会渲染数组中最后一个被浏览器支持的值。在这个例子中,如果浏览器支持不带浏览器前缀的 flexbox,那么渲染结果会是 display: flex
。
最新文章
- 深入理解 RESTful Api 架构
- 说说设计模式~组合模式(Composite)
- 用Okhttp框架登录之后的Cookie设置到webView中(转)
- verilog阻塞与非阻塞的初步理解(一)
- yum命令详解
- poj 3264 Balanced Lineup (RMQ)
- idea上实现github代码同步
- uGUI练习(七) Drag And Drop
- mysql explain
- JSP标记
- 创建本地yum源及grouplist 出错
- 1218. Episode N-th: The Jedi Tournament(bfs)
- C++经典题目:有n个人围成一圈,顺序排号,然后数数进行淘汰的解法和一些思考
- struts2复习(五)拦截器总结
- C++中的trivial解释
- 《JAVASCRIPT高级程序设计》客户端检测
- Jquery实现轮播效果图
- Linux(Centos7)下搭建SVN服务器
- 使用 Ansible 统计服务器资源利用率
- Spring IOC-ContextLoaderListener