template里面写的  增加一个按钮 重置

        <el-button @click="reset">重置</el-button>

写在methods方法中的函数方法

    reset(){
      // 1.清空数据。页面中只有一个查询数据。然后这个数据在data中声明变量里大括号里没有变量，所以这边写的时候就是大括号里面是空的。
      // 这个是searchData变量里面还有其他变量。
      this.searchData={};
      // 2.查询所有的数据
      this.getFileTypeList();
    }

    // 点击事件 重置
    reset(){
      // 1.清空数据
      this.searchData={
        pageNum: 0,
        pageSize: 10,
        typeName: "",
      },
      // 调用函数 重新搜索全部的。
      this.getCaseList()
    }

    reset(){
      // 清空搜索输入框的数据。
      searchData={
        pageNum: 1,
        pageSize: 10,
      },
      // 调用函数，查询数据，刷新数据。
      this.getKeyWordsList()
    },

2）第二个任务：

金额输入

实现功能：任务2：输入框 金额数字输入的时候，金额中间每间隔三位 中间写个逗号分隔。。输入完成后点击 保存按钮 之后是不显示逗号的。

控制输入的数字的长度，是字符串长度控制的。小数需要的。20.00。

先用自然语言写出来。1 2 3 4步。

》》会做吗？换个问法，有思路吗？第一步就是监听输入。拿到了字符串之后，你想怎么做？

把步骤用自然语言写下来！！！你一上来就检测长度。。。。1,234.12这种的长度你怎么办？如果别人输入了非法的呢？1.12.12。如果是负数呢？如果是负数呢？-12.23

所以你一上来就检测长度，是不对的。

》》把你的思路写出来。步骤1、2、3、4。然后我告诉你有没有漏洞。这是逻辑思维。与技术无关。输一个检测一次。

问：

它这个数字 是边输入的时候，输入到第4个数字，前面会显示一个逗号，还是数字全部输入好了之后，显示逗号？银行的那个好像就是输入第4个数字的时候，前面就会显示逗号。

思路：

1.输入数字的时候，长度是第四个的时候前面加上逗号。
2.检测输入的数字个数数字个数是4的倍数，前面就会插入一个逗号。
3.点击保存按钮之后，数字中间的逗号消失。

---->太简陋了你这个算法                           我不知道它用什么办法可以去做每个功能。

>>>分析：假设你要写的这个算法叫做 function  change( str )

1. 去除str里面所有的逗号

2. 通过小数点将str分割成两段，整数、小数

3. 将整数部分，分成N个数组，从右往左，每3个字符为1组

4. 利用join(",")将整数部分连接起来

还要考虑下是不是以-开头。

那人家输入  -.1，你咋办？人家输入  -1-1.1？你又咋办。你想？你仔细想？你把自己当客户，随便输。

isNaN   还要检测客户小数点只能输入一次。不允许输入负数。

差不多有思路了吧，搞起。  先试着弄弄。

事业心，学习的上进心。  明天把同学给的课程下一下。         

多动脑。编程不需要太多体力。只需要大脑思考就可以了。不需要很多食物。一口两口，吃不下，吃多了胃难受，挤压肠道。瘦子隔壁邻居小姐姐。

vscode    小技巧      查询是ctrl+f,然后找到需要复制查询的字母，按住Ctrl+c，然后就按住ctrl不动，按住f，然后就粘贴到搜索的输入框当中了。

Vue进阶（七十二）：css 样式中 逗号、空格、冒号、点号、~、＞的区别     转

No Silver Bullet

于 2019-09-09 20:24:47 发布

3262
收藏 10
分类专栏： # Vue2 网站开发进阶 文章标签： css 逗号 空格 冒号 点号
版权

Vue2
同时被 2 个专栏收录
208 篇文章495 订阅
已订阅

网站开发进阶
80 篇文章230 订阅
订阅专栏
文章目录
一、前言
二、css 中逗号，空格，冒号，点号的含义
三、拓展阅读
一、前言
css中元素标识用逗号隔开，表示两个不同类的样式类名用同一个样式；
空格隔开表示从属包含关系，是当前的元素子元素；
逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。

比如下面的代码示例：

<div class="content">
<span class="content-child">子内容</span>
内容</div>
<div class="conter">内容2</div>
<style>
.content .content-child{
color:red;//空格隔开表示在类content下的类样式.content-child的样式被改变了
}
.content,conter{
color:#ffd014;//逗号表示在不同的类下，样式都被改变。
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12

二、css 中逗号，空格，冒号，点号的含义
比如：

一：#a,b{…………｝

二：#a b{…………｝

三：#a:b{…………｝

四：#a.b{…………｝

这是四个分别代表着什么含义呢？

一、一个id叫a和一个标签是b的样式

二、一个id叫a下面的一个标签是b的样式

三、一个id叫a的伪类b，例如：a:hover

四、一个id叫a的下面的class叫b的样式

css中“~”作用域为同一父元素下的所有子元素，例如为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：

p~ul{
　　background:#ff0000;
}
1
2
3
<p>快乐生活</p>
<ul>
　　<li>生活</li>
　　<li>生活</li>
　　<li>生活</li>
</ul>
1
2
3
4
5
6
p~ul 选择前面有 <p> 元素的每个 <ul> 元素。

两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。

css中“>”是css3特有的选择器，A>B 表示选择A元素的所有子B元素。

与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。

.a,.b｛逗号指相同的css样式};
.a .b｛空格指后代元素｝；
.a>.b｛大于号指子代元素｝；
若想获取某一元素后的所有子元素，可以使用如下语句：

element1 > * {
// CSS样式
}
1
2
3
三、拓展阅读
《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》
《Vue进阶（幺肆叁）：如何用绝对定位(position:absolute)完美定位布局及其注意事项》
————————————————
版权声明：本文为CSDN博主「No Silver Bullet」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sunhuaqiang1/article/details/100673688