qq_35181466的博客

问题：moduleClass is not a constructor，说明vueup/vue-quill没找到quill-better-table依赖，原因是虽然你的quill是2.0.0以上，但是vueup/vue-quill版本还是在2.0.0一下。，这导致了版本冲突。Quill 的多个版本会引起模块注册和使用时的各种问题，例如模块找不到或无法正确初始化。1.检查你的vueup/vue-quill版本（查看 Quill 版本）要解决这个问题，你需要确保整个项目只使用一个版本的 Quill。

【代码】el-table使用#header自定义表头后脱离响应式问题处理。

需求：后台会通过WebSocket每10毫秒返回一张base64的图片，如果直接使用el-image的话，图片切换的时候会出现不停的闪烁和卡顿问题，所以用canvas来解决这个问题废话不多说，直接上例子组件。

之前项目中导出价格表是由后端实现，前端只需要调用接口下载word即可，后来业务改变比较大，word模版需要一直改动，后端改起来相对麻烦，后来直接前端自己定义模版，实现下载word文档。注意点：1.模板文件使用vue-cli3的时候，放在public目录下。2.文件须以docx结尾。如果是doc结尾的话会报3.如果是doc结尾的模板不能直接改docx，要新建一个docx模板复制过去，不然也会报。

【代码】使用原生的 WebSocket API 在 Vue 3 中集成 WebSocket。

【代码】vue3里前端生成二维码和解析二维码（不需要后端参与）

【代码】前端实现导出xlsx功能。

<template> <div class="about"> <h1>拖拽demo</h1> <p id="drag"></p> </div></template><script lang="ts">import { reactive, toRefs, onMounted } from "vue";export default { name: "about", .

动画库如果想页面制作的好看，动画效果一定是少不了的。所以必须推荐动画插件。 Animate.css 纯css的动画库，所以无论你前端使用什么框架，都可以非常方便的使用它，内置了超多的动画效果，并且预览起来也非常方便。 网址：Animate.css | A cross-browser library of CSS animations. 常用效果组件所有介绍了一些UI组件库，组件库的组件大而全，但精细程度有时候是不够的，所以有时候我们还需要一些小而精的专属组件。 轮播图组件：swi

<template> <view> <view class="uni-list"> <view v-show="isFingerPrint" class="uni-list-cell uni-list-cell-pd"> <view class="uni-list-cell-db">指纹登录工资条</view> <switch :checked="fingerPrintChecked" @change.

表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy//正常双向绑定<div> <input type="text" v-model="value"> <p>{{value}}</p></div>//在正常双向绑定里，我们还在输入的时候，光标还...

原因：由于uni不支持直接table和table的colspan和rowspan属性，所以要用view来自定义table思路：table里套table来实现行和列的合并表头效果：有数据效果：（红框是表头） <view class="table"> <view class="table_tr"> <view class="table_th" v-for="(item,index) in datatitle" :k.

1.网络引用 1.1 在vue的入口页面index.html中引入网络文件 例如：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>1.2 在根目录下的build/webpack.base.conf.js中的module.exports配置导出对象 例如: module.exports = ...

在项目当中，为了能够节省流量，加快速度，会把不易变的数据存在本地缓存当中，比如用户token。所以我们需要记录一下缓存的存取缓存存入：localStorage.setItem("token", '这里是token的数据');缓存取出：this.token=localStorage.getItem("token");缓存情空：localStorage.setItem("token", this.token);...

1.返回上一页点击按钮及配置参数backNav() { uni.$emit("planAdd",{tabIndex: 2}); uni.navigateBack(); //此地方用的是uni的返回上一页方法，如需其他的返回方法请进行相对应替换},2.页面接收参数(在onShow里)onShow(){ let that = this; uni.$on("planAdd", res => { console.log(res); let tabIndex = r

//resume是一个json，suffix是后缀名，src是文件服务器地址<image v-if="resume.suffix === 'pdf'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/pdf.png" :data-src="resume.url" @tap="previewDocument"></image><image v-else-if="resume.suff.

1 尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件（例如，调用子组件的方法）。为了达到这个目的，你可以通过ref特性为这个子组件赋予一个 ID 引用。2 $refs只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问$refs。//父组件（custom可以使自己定义的名字，不必按照文件名）<template> <div id="app">...