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
原创文章，作者：745907710，如若转载，请注明出处：https://blog.ytso.com/271592.html