08 2020 档案
摘要:今天做了一个用户权限的功能,里面用到了开关, 代码实现: 页面: <el-switch v-model="scope.row.status" @change="disable(scope.row)"> </el-switch> js: disable(row) { const { status, u
阅读全文
摘要:来了,来了,最基础的VUE文件上传删除、图片上传删除、视频上传删除的代码真的来了, 这里使用的是VUE+element组件做的,大家有需要的尽管拿走。 代码如下: <!-- 添加产品界面 --> <template> <el-dialog title="添加产品" :visible.sync="di
阅读全文
摘要:今天接触了三元运算符,举个例子来说明一下: 由?:符号表示的,具体的含义其实就和if-else结构的含义差不多,这种运算符会将某个条件作两种处理, 如果满足条件的话就执行第一个结果,如果不满足的话就执行另外一个结果,例如: Int A,B,C; A=2; B=3; C=A>B ? 100 :200;
阅读全文
摘要:今天前端大佬让我按照前端开发规范格式写代码,强调了js中声明的变量要用单引号去写, 之前都是用双引号写的,虽然不影响使用,但是还是重新规范一下吧。于是我就进行了傻瓜式操作, Ctrl C/ Ctrl V,然后我想格式化一下代码就进行了shift+Alt+F,,结果辛辛苦苦改的单引号又变成了双引号,
阅读全文
摘要:今天在开发后台管理页面时需要用到分页,研究了半天没有弄出来, 为了提高工作效率,果断找了我公司前端大佬, 咔咔一顿操作,完成~~~ 代码: 首先在components中将分页页面写好 代码: <template> <div class="page-wrapper clearfix"> <div cl
阅读全文
摘要:俗话说:一瓶酒,一包烟,一个参数传一天。 作为新手小白的我刚刚接触到了VUE组件化开发,用了一段时间后发现真的很便捷。 就在我了解并且初步掌握了它的原理而洋洋得意的时候,VUE组件中进行传值的问题给了我当头一棒。 这对于前端大佬来说是so easy,但是对于小白来说有点让我感到苦恼,废话不多说了,直
阅读全文
摘要:1、区别 watch中的函数是不需要调用的 computed内部的函数调用的时候不需要加() watch 属性监听 监听属性的变化 computed:计算属性通过属性计算而得来的属性 watch需要在数据变化时执行异步或开销较大的操作时使用 对于任何复杂逻辑或一个数据属性在它所依赖的属性发生变化时,
阅读全文
摘要:使用 calc() 函数计算 <div> 元素的宽度: #div1 { width: calc(100% - 100px); } 定义与用法 calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以
阅读全文
摘要:当style标签具有该scoped属性时,其CSS将仅应用于当前组件的元素 <style scoped> .example { color:#fff; } </style> <template> <div class="example">Hello Word!</div> </template> 如
阅读全文
摘要:随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言, less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别。 SASS和LESS SASS(英文全称:Syntactically Awesome Stylesheets)Sass 诞生于 2007 年,使用Ruby 编写, 是一种
阅读全文

浙公网安备 33010602011771号