随笔分类 - Vue
摘要：初始化data this.$data = this.$options.data() 初始化data中form this.$data.form = this.$options.data().form
阅读全文
摘要：子组件在传值的时候，选用input，如this.$emit(‘input’,val)，在父组件直接用v-model绑定，就可以获取到了
阅读全文
摘要：调用方法： this.$refs.声明的ref.子组件的方法(参数) 父组件内容 <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> ad
阅读全文
摘要：一、vuedraggable gitHub地址：https://github.com/SortableJS/Vue.Draggable 其它相关教程：https://www.itxst.com/vue-draggable/re7vfyfe.html 问题解决： vuedraggable中如何设置部分
阅读全文
摘要：当某个router-link被点击的时，填加样式需要使用active-class属性。 active是css样式名称
阅读全文
摘要：<!-- 指定组件的呈现位置。用户点击的路径，从路由中获取路径相应的组件，替换掉router-view --> <router-view></router-view>
阅读全文
摘要：1、创建工程 npm init vite-app <project-name> 或 npm init vite@latest <project-name> --template vue 或创建TypeScript项目 2、进入工程目录 cd <project-name> 3、安装依赖 npm ins
阅读全文
摘要：vConsole <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script> eruda <scrip
阅读全文
摘要：添加一个属性：Object.defineProperty() 功能：方法会直接在一个对象上定义一个新属性，或修改一个对象的现有属性， 并返回这个对象。 语法： Object.defineProperty(obj, prop, descriptor)obj：属性所在的对象prop：目标对象需要定义或修
阅读全文
摘要：可以使用 v-text 和 v-html 指令来替代{{}} 不会出现插值闪烁，当没有数据时，会显示空白或者默认数据。说明： v-text：将数据输出到元素内部，如果输出的数据有 HTML 代码，会作为普通文本输出 v-html：将数据输出到元素内部，如果输出的数据有 HTML 测试如下： 结果如下
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></scr
阅读全文
摘要：一、 v-for遍历数组 使用如下： 结果如下： 二、v-for遍历对象 使用如下： 结果如下：
阅读全文
