随笔分类 - Vue.js
摘要:Vue 中 tinymce 富文本编辑器的使用 在原生的 html 中使用到了 vue, 遇到了富文本的需求,tinymce 目前是这个市场比较受欢迎且长期维护的。 1、 依赖下载 因为前端不是 node 环境,无法通过 npm 的方式下载 tinymce。 官方依赖下载地址:https://www
阅读全文
摘要:Vue 自定义全局指令 除了常用的指令例如v-show、v-on等指令外,我们也可以通过自定义指令来实现特定的功能,例如聚焦文本框。 1、指令注册 例如现在我需要检查登录的用户有没有某个功能的权限,如果没有,则隐藏对应的功能按钮。 通过binding.value获取参数的值,然后检查接口返回值,fa
阅读全文
摘要:vue项目 npm ERR! missing script: dev svn update同事的代码时,发现 package.json 发生冲突导致项目无法启动,遂删掉 package.json 文件,执行 npm init 重新生成该文件,文件生成启动后报了 npm ERR! missing sc
阅读全文
摘要:Vue 父组件调用子组件方法 在很多时候,我们需要使用到父子组件,例如嵌套弹窗,这时候可以使用父子组件通信,或者父子组件方法调用,在这里使用到了父组件调用子组件的方法来实现功能。 通过 ref 调用子组件方法 这种方法是比较简便的,其他方法可另外学习。 父组件代码 <!-- 父组件 --> <tem
阅读全文
摘要:Vue v-html 的使用 最近的项目用到了富文本,富文本会将文字保存为 html 代码,而渲染 html 就需要用到 v-html v-html 介绍 v-html 是Vue的一个组合模板, 用于动态渲染任意的 html 代码,因此能够也用于渲染富文本。 官网介绍:https://cn.vuej
阅读全文
摘要:node.js + vue-cli + element ui安装教程 一、安装node.js 1、安装包下载:http://nodejs.cn/download/ 2、安装node.js 点击.exe文件,无脑next,选择安装目录即可: 3、查看版本号及配置淘宝镜像 以管理员身份 cmd 运行命令
阅读全文
摘要:组件基础 Vue.component()自定义全局或者局部组件,组件间相互独立且可复用: vue组件示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascri
阅读全文
摘要:条件渲染、列表渲染、事件处理、表单输入绑定基本使用 条件渲染 v-if 基本用法 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 v-else-if,顾名思义,充当 v-if 的“else-if 块”,可以连续使用: <!DOCTYPE htm
阅读全文
摘要:Vue class与style绑定 刚开始学习vue,下面是一些小结 关于class与style绑定的官网地址:https://cn.vuejs.org/v2/guide/class-and-style.html 一、对象的写法绑定class 第一种对象写法: <!DOCTYPE html> <ht
阅读全文