随笔分类 - 前端
摘要：自定义指令： 验证a是不是dom元素。 打印a kebab-case命名方式：v-big-number，即big-number，不能是bigNumber。
阅读全文
摘要：过滤器可用不可用，不用过滤器用methods也行。
阅读全文
摘要：1、v-text 2、v-html xss：冒充用户之手 备注： 小插件：cookie editor，可以浏览器导入和导出cookie 控制台可以直接读取网站的cookie信息，但是如果cookie设置了httpOnly的话，就不能直接读了。 使用v-html命令存在的一个问题是，cookie可能会
阅读全文
摘要：加一个label，就可以点击账号的时候，后面的输入框也聚焦，补加label的话，只有点击输入框的时候才会聚焦
阅读全文
摘要：修改对象的属性可以直接修改，是响应式的（修改后页面上的展示会改变） 修改数组的某一个值，没有（get set方法），所以修改后，vue并不会监视到数据的改变，所以也不会反应到页面上， 所以修改数组的值需要用vue包装的数组原型的方法（push, pop, shift, unshift, splice
阅读全文
摘要：选项框禁用 disabled属性，为true时禁用 清空选项框内容 this.form.cityCode = '' 或者 null delete this.form.cityCode 清空整个表单的内容 表单需要有ref属性，然后每个el-form-item需要有prop属性这个方法才生效 this
阅读全文
摘要：v-for 遍历数组，遍历对象，遍历字符串，遍历指定次数 总结：
阅读全文
摘要：v-show 条件渲染 v-if 也可以条件渲染 区别： v-show 在dom中节点还存在，只是展示不展示的问题 v-if 在dom中节点不存在，每次都需要添加或者删除 v-if v-else-if中间不能被打断 v-if和template配合使用，不破坏整体结构，不需要外面div包裹，只能是v-
阅读全文
摘要：总结： 样式对象就是styleObj里面的fontSize等，key不能随便写，要是存在的style的标签
阅读全文
摘要：深度监视 监视的简写形式（当配置项中只有handler，没有其他的配置项（immediate，deep）时，可以简写）：
阅读全文
摘要：如果一个数据页面上没有展示用到，但是点击方法后，修改了这个值，vue开发者工具的数据展示是不变的， 因为觉得页面上也没用到，所以就vue开发工具展示也没变，但实际上这个数据是变了的，只是没有在vue开发者 工具上展示而已。 监视属性（可以监视data属性，也可以监视计算属性，监视属性必须监视存在的属
阅读全文
摘要：1、vscode安装 vscode是免费的，直接官网下载，然后解压就可以使用 2、vscode的简单使用 vscode显示目录是横向的 3、vscode设置 （1）vscode设置显示行号 点击左下角齿轮，点击设置 在设置中搜索行号，看开关是on还是off，on即代表展示代码的行号 （2）设vsco
阅读全文
摘要：用已有的属性去计算生成一个全新的属性 计算属性的简写形式（一旦确定了计算属性只读不写，只有get，没有set时，才可以简写）： 读的这个东西是什么 1、data中的数据 2、methods中的方法（方法的括号可写可不写） 3、computed中的计算属性（带了括号那就是展示这个函数，不带括号那就是展
阅读全文
摘要：生成id，一般是uuid，有一个精简版，在练习的时候可以使用，nanoid 先安装nanoid，使用命令npm i nanoid 查看npm的镜像配置 npm config get registry 配置为淘宝镜像： npm config set registry https://registry.
阅读全文
