vue

Vue.js 是一个渐进式的 JavaScript 框架，可以用于构建用户界面。如果你想在 Vue.js 应用中使用富文本编辑器，你可以使用一些第三方库，比如： Quill Froala CKEditor TinyMCE 这些库都提供了富文本编辑器的功能，包括添加段落的功能。你可以按照文档中的说明，将这些库集成到你的 Vue.js 应用中。 举个例子，如果你想使用 Quill 库，你可以这样做： …

记录用 App.vue <template> <div class="app"> <router-view/> <div class="contact" v-if="user && user.detail && user.detail.custManagerTel" @click="contact = !contact" :…

描述：我的需求图下：点击按你牛后显示pdf弹窗，点击弹窗外围影藏弹窗。分两个点： 1：pdf弹窗的创建。 2：显示pdf弹窗，创建监听事件（监听页面点击，执行后隐藏弹窗同时 取消监听事件 ） 。 安装pdfObject：过程简单直接： npm i pdfobject --save 创建pdf弹窗代码如下： <div ref='pdfDiv' id='pdfBox' class="pdf-bo…

vue.filter 介绍 一、全局过滤器 二、局部过滤器 三、过滤器的串联 四、综合示例 五、面试题解析 介绍 在 Vue.js 中，过滤器主要用于 文本的格式化 ，或者 数组数据的过滤与排序 等。从Vue.js2.0.0版本开始，内置的过滤器被删除了，如果使用过滤器，需要自己编写。过滤器可以用在两个地方： 双花括号插值 和 v-bind表达式 ，使用时通过 管道符（ | ） 添加到表达式的尾部…

vue中事件绑定加括号和不加括号的区别 @click=“fun” 不带括号、不写实参的fun默认传event (事件对象) @click=“fun(value)” 只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。 如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下： @click=“fun($event, value)” …

定义：对需要显示的数据进行格式化之后进行呈现。 语法： （1）全局的实现方式：Vue.filter(name,callback) （2）局部的实现方式：new Vue{filters:{}} 使用方式： （1）{ { xxx | 过滤器名}} （2） v-bind:属性 = “xxx | 过滤器名” 过滤在使用的时候需要注意： （1）过滤器也可以接收额外参数、多个过滤器也可以串联。例如： 过滤器可…

这三个在vue项目中都经常用到 ，export default 用来导出模块，供其他模块调用，相当于function a(){},相当于写了一个函数，等待被调用，在vue中我们经常用export default声明一个组件，哪里有需要在哪里注册，有时也用export default Vue.component ('componentA',{}) 导出一个全局注册的组件，不导出在其他组件中是不可用的…

前言: 本篇主要讲一下vue的基本语法,! 这里可以直接看他的语雀笔记 Vue核心 Vue简介 初识 · 语雀 (yuque.com) 啊啊啊他写的太好了, 建议直接看他的, 如果愿意多看一下我的话, 就都看吧。 vue简介及环境搭建: 如果建议别用管理员cmd 选择器类别小贴士 vue相关的前端配置 引入vue的包或者下载: //开发版本: <!-- 开发环境版本，包含了有帮助的命令行警告…

<template> <div class="loader"></div> </template> <script> export default { name : 'Loading' } </script> <style scoped> .loader { position: relative; width: 2…

首先 我们要做一个这样的基本组件 <template> <div> <!-- 循环遍历 List数组 用当前下面当做key值 然后定义了 onDragStart 鼠标拖动时触发 定义 onDragEnd 拖动结束后触发 定义 onDragOver 记录所有鼠标拖动经过的位置 --> <div class="skeleton" v-for="item in …