vue的一些坑(第二天)

author author     2022-09-14     456

关键词:

首先啊感谢一位小童鞋的指出其实我写的这些内容算不上坑,只是平时使用的时候的一点小问题,不过只是个名字啦!再次致谢

1:两个简写的命令

v-bind:class可以简写为  :class

v-on:click可以简写为  @click

2:这里解释一下上面为什么会提到v-bind:class

如果你在vue项目里面想要对一个标签添加一个class的话,就必须要用到这个东西了,然后嘞!

这个v-bind:class后面的语句有特殊的写法,不能够直接放个类名在哪里,这里通常是需要写成对象形式的,数组也可以;

这里又引申出另外一个问题了,如果说当前操作的这个对象没有这个属性该怎么办--》如下

item里面没有checked这个属性怎么办?

:class="{‘check‘:item.checked}"

这个时候我们就需要在js里面需要用到这个属性的方法里面添加

if(typeof item.checked == ‘undefind‘)(因为没有这个属性所以在用的时候会提示undefind)

Vue.set(item,‘checked‘,true)相当于给item注册了一个checked(详情参考文档)              技术分享

这里注册的这个属性是全局的,也可以使用 this.$set(....);同上效果一样只是作用域的区别

3:过滤器

Vue.js 允许你自定义过滤器,过滤器的写法官方文档有,这里不再赘述

就说一下全局过滤器这个东西,他可以在这个项目的任何一个页面进行调用,而局部的过滤器只能在当前实例内部进行使用

而且这个全局过滤器的写法还有点特殊,在vue1+里面过滤器里面的参数中间是通过空格进行传入的。但是在2.0里面是写在过滤器里面用 ‘ ,’ 隔开,

更加的像是调用函数,filterName(num1,num2,...);

Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;{{ message | filter }}

过滤器还可以串联:{{ message | filterA | filterB }}4:前台展示的时候如果需要小数点的话尽量把这个事情交给后台去处理,直接更改数据,并非我们前端做不到,只是这个在前端使用value.toFixed()的时候会出现精度上面的损失,这个尽量让后台处理一下数据。

结语:因为今天别的事情耽误了,所以学习的东西比较少,暂时就分享到这里。

学习vue的第二天

距离上次学习vue已经很长时间了 最近手头上一直有点别的事  还有一个原因是最近有点懒惰所以没有学习 自我批评一下  今天抽空学习了一下Vue主要是事件处理 学的也不怎么样主要是为了自己记录一下... 查看详情

第二天

  今天学习了一些挺好玩的东西,圆形图片,还有段落等等。也用自己能够好理解的话记下了一些自己感觉很重的东西!  1.在<DIV>中如果有‘id’和‘class’会先处理带有id的,在处理class  2.“一些单词... 查看详情

暑假第二天之每天一些题系列(代码片段)

暑假第二天之每天一些题系列文章目录暑假第二天之每天一些题系列一、选择题二、填空题三、算法题一、选择题表达式0x13&0x17,0x13|0x17的值分别是多少A.0x170x13B.0x130x17C.0xF80xE8D.0xec0xC8答案解析:0x13的二进制为:000100110x... 查看详情

暑假第十二天之每天一些题系列(代码片段)

暑假第十二天之每天一些题系列一、选择题定义了一维int型数组a[10]后,下面错误的引用是A.a[0]=1B.a[0]=5*2C.a[10]=2D.a[1]=a[2]*a[0]答案解析:a[10]越界访问了,10个元素下标是0-9。在C/C++语言中,下面关... 查看详情

第二天笔记

CPU:用于运算。 内存:临时存储一些数据。断电即消失。 硬盘:永久存储所有的数据。 操作系统:连接软件与硬件的中介介质。一,变量将一些运算中间结果存在内存,以便后续的程序使用1.数字,字母,下划线的任意组合。2... 查看详情

vue学习第二天------临时笔记(代码片段)

学习链接:vue.js官方文档:  https://cn.vuejs.org/v2/guide/index.htmlvue.jsAPI:  https://cn.vuejs.org/v2/api/#选项-数据基础案例学习:  https://www.mingtern.com/lesson/861068/ 1.使用JavaScript表达式进行运算时,只能使用单个表达式或者链式调... 查看详情

第二天

今天做的事:1.设计窗口的框架;2.借鉴网上一些成功的软件代码,明白各个模块的功能;3.复习Java编程语句;所花时间:3个小时明天要做的事:1.参考其他网站的设计,设计登录窗口;2.通过代码操控其他的控件真正完成窗口的... 查看详情

vue中遇到的一些坑,记录一下

 最近用vue开发完成了网页和app的项目试着想记录下遇到的坑,以免下次遇到的时候就轻松解决了一、vue开发pc端1、 cookie不用中文的,和时间格式不要带’/’,否则safari浏览器会报错。这是到目前位置发现在safari的两个大... 查看详情

实践作业1第二天

...了一个初步的了解,了解了它的历史、发行商、功能以及一些优点。大家都是第一次接触selenium,因此直接搭建整个开发环境就变得非常艰难。所以前一天晚上查阅了大量的资料,梳理了一个大致的工作流程以及每日任务。首先... 查看详情

第二天记录

今天记录一下目前为止我已知的一些代码     一.HTML                 内容(HyperTextMarkupLanguage,超文本标记语言)     二.CSS                  网页美化     三.Javascr... 查看详情

java示例代码_在日历上设定一些日期。一周中的第二天

java示例代码_在日历上设定一些日期。一周中的第二天 查看详情

大白鱼备考云笔记冲刺周期第二天

...Androidstudio,并运行;今天干了什么:今天去图书馆借了一些关于Android开发的书,自己学习了一些开发软件的使用明天准备干:开发个简单的程序试试如:helloworld。先熟悉一下开发的流程,如何开发,建立文件,编写代码。  查看详情

第二天会议笔记

...小组成员,牟松已经完成任务,云玲完成了一半,遇到了一些问题,正在解决中,张迪完成了四分之三。今天的任务:牟松继续完善自己写得主页面,云玲,张迪接着自己的任务继续做,有问题及时提出,大家一起解决。 明... 查看详情

添加特定日期和第二天的所有值

...发布时间】:2018-12-0322:23:51【问题描述】:我正在尝试做一些报告,以查看活动是否在活动后的第二天也推动了销售。因此,为此,我尝试为每组数据添加活动当天和活动后第二天的所有销售额。就本报告而言,销售发生在哪家... 查看详情

vue中使用腾讯云im的一些坑

...修改,其他不变。  在相应需要的地方引入即可遇到的一些坑:  曾经使用过低版本的sdk导致登录成功后一直不能触发回掉函数,本人使用的是version:1.7.2,开发细则这里不做例举。webIm.js后面会上传到github后补充上来  查看详情

12.3团队冲刺第二天

我将软件开发分为几个流程,分解成模块实现模块的数据说明、可执行程序的程序单元。进行模块设计,用软件结构图表示,将涉及进行计算机编码。我百度查找了一些参考软件的实现算法,编写并调试了程序代码。  查看详情

第二天,关于sip的学习(freeswitch增加配置录音功能)

学习一些FreeSwitch核心的一些命令,再细节地了解下FS。看下是不是之前怀疑的,二次编程的时候更改配置文件,或者java注入一些参数到配置文件,详细了解下配置文件。这个应该比较难的,不清楚问下百度先生吧。学习了一个... 查看详情

beta第二天

...对比墨刀原型明天任务:陈甘霖:学习Github的使用,修复一些返回按键上的Bug蔡鸿杰:学习Git 查看详情