自学vue

数组删除指定元素

this.customerDetailList.forEach((itemC) =>{
this.CustomerSelectList.forEach((dd) =>{
if(dd.prodSaleFeeId == itemC.prodSaleFeeId){
this.customerDetailList = this.customerDetailList.filter(item => item != itemC);
}
});
});

数组替换指定元素

var i =0;
this.feeSelectList.forEach((item) =>{
if(item.prodSaleFeeId == this.costData.prodSaleFeeId){
return;
}
i++;
});
this.feeDetailList.splice(i,1,this.costData);

时间戳转时间

render: row => {
return new Date(parseFloat(row.createTime)).format("yyyy-MM-dd")
}

标签

<!DOCTYPE...>标签

用来声明HTML编写文档的标准,放在最开头位置,可写可不写,没有结束标签.
<head>和<body>是html的必要元素
<head>里面必须要有<title>标签,<meta>和<style>可选.
charset属性指定html文档的编码为utf-8.
<script>里面的url即为我下载的vue独立版本的地址,src标签指定超链接.
View层 - Div之间的代码属于html的view层
id指定html的唯一属性.
{{ }}用于输出对象属性和函数返回值.
Model层 - 需放在指定的html元素之后.
el标签为实例提供挂载元素,用来联立view层和model.
data用于定义属性,里面的内容即最后的运行结果.

<a>

定义html文档中指向url或目标的超链接.
最重要的属性是href属性,指定链接的目标.
位于body里面,如果希望在新页面打开,使用target="_blank"属性.

<abbr>

代表缩写

<address>

定义了最接近<article>或<body>的联系信息,通常浏览器会将<address>标记中找到的文本显示为斜体.

<area>

必须在<map>里面,定义了图像映射内部的可单击区域,可将超链接与此可单击区域关联.

<article>

定义了html文档的独立组成,本身必须是有意义的且必须是独立于文档的其余部分.

<aside>

一个与HTML文档中与其周围的内容成切线相关的部分。该标签通常也称为 <aside>元素.
可用于以下任何一种:广告,词汇表定义,作者的传记,个人资料信息或相关链接。

<audio>

音频,可以包含多个音频,音频资源可以使用src属性或<source>来进行描述,浏览器会选择最适合的的一个来使用.

<b>

仅使文本具有黑体,而没有给文本提供任何语义.

<base>

定义了一个基本url,该基本url将用于html文档中所有相对url.一个文档中只能有一个base标签,并且必须在<head>中定义.在使用任何相对url前,base标签应出现在文档中.

<basefont>

文档默认字体大小,使用<font>可以相对于默认字体改变大小.

<bdi>

会隔离可能以不同方向进行格式化的外部文本.当不知道是从何方向嵌入文本,如来自于数据库的文本的时候,该元素十分有用.

<bdo>

会覆盖当前文本的朝向,使字符按给定方向排列.

<blockquote>

从另一个来源定义了长块引用,传统上,浏览器会在blockquote标签中找到的文本呈现为缩进文本.

<body>

定义html文档或html文档部分的主要内容,这些内容将直接在浏览器上可见.


换行符,没有结束标签.

< button>

可单击按钮,在<button>中可放置文本或图像,这是该元素与<input>的区别.要放在<body>内,不能放在<a>后面.

<canvas>

用作绘制2d对象和位图图像等图形的容器.该容器的实际图形使用<script>进行绘制.

<caption>

html文档中表的标题.通常浏览器会渲染表格上方<caption>标签中找到的文本,必须放置在<table>之后.

<cite>

定义了诸如电影,书籍,文学,雕塑,绘画或绘画之类的创意作品的标题,传统上,浏览器将在 <cite>标记中找到的文本呈现为斜体文本。

<code>

计算机代码的片段.默认情况下,以浏览器的默认等宽字体显示.

<col>

定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于 <colgroup>元素内。没有结束标签.

<colgroup>

用来定义表中的一组列表,以便可以将格式应用于应用程序或将类添加到组中,而不是每个单独的单元格。

<datalist>

包含了一组 <option>元素,这些元素表示其它表单控件可选值; <datalist>标记是一个HTML5元素,它定义 <input>标记的建议值列表。这些建议值将在输入控件中显示为下拉列表,并且当用户将数据输入到输入控件中时,可用的选项将被过滤。<datalist>标记通常位于<form>标记内。

<dd>

指明一个描述列表 ( <dl>) 元素中一个术语的描述。这个元素只能作为描述列表元素的子元素出现,并且必须跟着一个 <dt> 元素。

<del>

用于标记已从文档中删除但保留以显示文档更改历史记录的文本。传统上,浏览器将在 <del>标记中找到的文本呈现为带有删除线的文本。可以使用称为 <ins>标记的伴随标记来标记已插入文档中的新文本。

<dfn>

用于标记文档中正在定义的术语。该术语的定义必须在 <dfn>标记的父代中找到。通常浏览器将在 <dfn>标记中找到的文本呈现为斜体文本。

<dialog>

表示一个对话框或其他交互式组件,例如一个检查器或者窗口。

<div>

定义了HTML文档中的通用容器,该容器通常用于对元素进行分组。<div> 元素经常与 CSS 一起使用,用来布局网页。

<dl>

一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。
<dl>标记可以包含零个或多个组,每个组由一个或多个术语(在<dt>标记中找到)组成,后跟一个或多个描述(在<dd>标记中找到)。
<dl> 标签与 <dt>(定义项目/名字)和 <dd>(描述每一个项目/名字)一起使用。

<dt>

在HTML文档的描述列表( <dl>标记)中定义术语。在 <dl>标记内的每个 <dt>标记之后,必须至少有一个 <dd>标记,描述在 <dt>标记中找到的术语。

<em>

标记着重强调的文本,这通常意味着浏览器以斜体显示文本。

<embed>

用作嵌入外部内容(例如外部应用程序或浏览器插件)的容器。由于兼容性问题,与 <embed>标签相比, <object>标签更常用于嵌入资源。

<fieldset>

位于 <form>标记内,用于对HTML表单中的相关元素进行分组。使用 <legend>标记为 <fieldset>创建标题。

<figcaption>

是与其相关联的图片的说明/标题,用于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption> 在 <figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的;如果没有该元素,这个父节点的图片只是会没有说明/标题。

<figure>

代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

<footer>

该元素定义通常在HTML文档中包含版权或作者信息的页脚。此标记通常也称为 <footer>元素。

<form>

用于在具有用于用户输入的交互式控件的网页上创建表单,用来向 Web 服务器提交信息.

<head>

包含在网页上不直接可见的浏览器元数据和说明。

<header>

它定义了一个标头,该标头通常包含HTML文档中的徽标,搜索表单和介绍性信息。

<hgroup>

代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。

<h1>-<h6>

一级到六级标题。


定义了HTML5中的段落之间的主题分隔符,以及HTML 4.01中的水平规则。

<i>

仅使文本具有斜体外观,而没有为文本提供任何语义。

<iframe>

允许将另一个HTML页面嵌入到当前页面中。

<input>

一个输入控件,为用户提供用于输入数据的交互式控件。传统上, <input>标签位于 <form>标签内,并且可以通过设置适当的type属性来表示文本字段,复选框,下拉菜单,按钮和其他输入。通过设置type属性,<input>元素可以成为文本字段,复选框,单选按钮,下拉菜单,按钮,密码字段等等.

<ins>

用于标签已插入文档中的新文本,以显示文档更改的历史记录。通常浏览器将在 <ins>标签中找到的文本呈现为带下划线的文本。可以使用称为 <del>标签的伴随标签来标签已从文档中删除但保留以显示文档更改历史记录的文本。<del> 和 <ins> 一起使用,描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。
<ins>标记用于跟踪对文档的更改并突出显示插入到文档中。<ins>标记也可以在差异工具中用于显示源代码添加。

<kbd>

将文本定义为来自键盘的用户输入,例如Enter或Ctrl键。传统上,浏览器以默认的等宽字体呈现在 <kbd>标签中找到的文本。

<legend>

当将HTML表单中的相关项目分组时,HTML <legend>标签用于为 <fieldset>标签生成标题。

<li>

在HTML文档的 <ol>, <ul>或 <menu>中定义了一个列表项。

<meta>

包含在网页上不直接可见但由浏览器和搜索引擎使用的信息或元数据。

<meter>

用来显示已知范围的标量值或者分数值。仅用于已知最大和最小值的度量,不能用于进度条.

<noscript>

定义了在不支持脚本类型或浏览器已禁用脚本的情况下要插入的备用HTML。

<object>

用作容器,以将外部资源嵌入HTML文档中,例如音频,视频,Flash,PDF,外部应用程序或浏览器插件。由于兼容性问题,与 <embed>标签相比, <object>标签更常用于嵌入资源。

<ol>

定义HTML文档中的有序列表。

<optgroup>

在 <select>控件的值的下拉列表中创建一组选项。这些下拉值由一系列 <option>标签定义,并使用 <optgroup>标签进行分组。label <optgroup> 的值将显示为 <select>控件中分组项目上方的灰色标题。

<option>

在web表单中, HTML元素 <option> 用于定义在 <select>, <optgroup> 或 <datalist> 元素中包含的项。 <option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。

<p>

定义了一个段落。

<param>

为 <object>元素定义参数

<q>

表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代。

<s>

通过文本绘制一条水平线(即:删除线)。该标签通常也称为 <s>元素。 <s> 元素 使用删除线来渲染文本。使用 <s> 元素来表示不再相关,或者不再准确的事情。但是当表示文档编辑时,不提倡使用 <s> ;为此,提倡使用 <del> 和 <ins> 元素。

<script>

用于嵌入或引用客户端脚本(例如JavaScript)。此标签通常也称为 <script>元素。注意:开始标签和结束标签都不能省略。

<section>

表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

<select>

表示一个控件,创建一个下拉列表,供用户选择。这些下拉值由 <select>标签内的一系列 <option>标签定义。

<small>

將使文本的字体变小一号。(例如从大变成中等,从中等变成小,从小变成超小)。在HTML5中,除了它的样式含义,这个元素被重新定义为表示边注释和附属细则,包括版权和法律文本。

<source>

为 <picture>, <audio> 或者 <video> 元素指定多个媒体资源。这是一个空元素。它通常用于以不同浏览器支持的多种格式提供相同的媒体内容。

<span>

是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。 <span> 与 <div> 元素很相似,但 <div> 是一个 块元素 而 <span> 则是 行内元素 .

<strong>

表示文本十分重要,一般用粗体显示。 <strong> 这通常意味着浏览器将文本显示为粗体。

定义HTML文档中的下标文本。例如,在化学式CO 2中,数字2表示为下标,该下标具有较小的字体并以较低的基线出现。

定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更高并且更小。

<td>

在HTML表中定义了一个标准单元格。 <td> 元素 定义了一个包含数据的表格单元格。

<textarea>

表示一个多行纯文本编辑控件。 开始标签和结束标签都不能省略。

<th>

标题单元格,该标题单元格可以出现在HTML表的第一行中。浏览器将在 <th>标签中找到的文本呈现为粗体,居中对齐的文本。

<tr>

定义HTML表中的一行。每个 <tr>标签可以包含一个或多个 <th>标签,这些标签定义表中的标题单元格,或者一个或多个 <td>标签,定义表中的标准单元格。

<track>

被当作媒体元素— <audio> 和 <video>的子元素来使用。它允许指定时序文本字幕(或者基于时间的数据),例如自动处理字幕。字幕格式有 WebVTT 格式(.vtt格式文件)— Web 视频文本字幕格式,以及指时序文本标签语言(TTML)格式。

<u>

定义的文本应采用不同的样式或具有非文本注释。传统上,浏览器将在 <u>标签中找到的文本呈现为带下划线的文本。

<ul>

无序列表

<template>

一种用于保存客户端内容机制,该内容在加载页面时不会呈现,但随后可以(原文为 may be)在运行时使用JavaScript实例化。 将模板视为一个可存储在文档中以便后续使用的内容片段。虽然解析器在加载页面时确实会处理 <template>元素的内容,但这样做只是为了确保这些内容有效;但元素内容不会被渲染。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,128评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,316评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,737评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,283评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,384评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,458评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,467评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,251评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,688评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,980评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,155评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,818评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,492评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,142评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,382评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,020评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,044评论 2 352

推荐阅读更多精彩内容

  • 这篇笔记用于自己复习,知识点很散,不适合别人看 Vue 基础 应用实例 const app = Vue.creat...
    _于曼丽_阅读 853评论 0 0
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,533评论 0 6
  • 谈一下你对 MVVM 的认识 https://blog.csdn.net/Dora_5537/article/de...
    Aniugel阅读 9,600评论 1 91
  • 来自拉钩教育-就业集训营 1.1Vue.js 1.2 Vue.js 基础 1.3 axios 1.4 comput...
    Yuanc丶阅读 346评论 0 0
  • 由于简书没有目录的功能,为了更加清晰的学习,我制作了一个目录地址如下:学习Vue目录 链接地址: https:/...
    读书的鱼阅读 10,060评论 13 249