Vue 3 引入 Fullcalendar

Vue 3 引入 Fullcalendar JS版 <template> <div class=”card” ref=”cal”></div> </template> <script> import { ref,defineComponent, onMounted} from ‘vue’; import {Calendar} from ‘@fullcalendar/core’ import dayGridPlugin from ‘@fullcalendar/daygrid’; import timeGridPlugin from ‘@ …

vue 3 获取DOM

Vue 2获取DOM <div ref=“Ref”></div> this.$refs.Ref Vue 3获取单DOM <template>   <div ref=“Ref”>获取单个DOM元素</div> </template> <script> import { ref, onMounted } from ‘vue’; export default {   setup() {     const Ref = ref(null);     …

vue3 迁移 父子组件传值同步

代码中 .sync 的部替换为 v-model: <ChildComponent :title.sync=”pageTitle” /> <!– 替换为 –> <ChildComponent v-model:title=”pageTitle” /> 对于所有不带参数的 v-model,请确保分别将 prop 和 event 命名更改为 modelValue 和 update:modelValue <ChildComponent v-model=”pageTitle” /> // ChildComponent.vue export default …

vue3 vue2 keep-alive 差异

配置App.vue vue2.x与vue3.0的App.vue配置有差异,在App.vue配置信息如下: vue2.x中,router-view可整个放入keepalive中,如下: <template> <!– vue2.x配置 –> <keep-alive> <router-view v-if=”$route.meta.keepAlive” /> </keep-alive> <router-view v-if=”!$route.meta.keepAlive”/> </template> vue3.0的A …

vue3 迁移 listeners

# 概览 $listeners 对象在 Vue 3 中已被移除。现在事件监听器是 $attrs 的一部分: { text: ‘this is an attribute’, onClose: () => console.log(‘close Event triggered’) } # 2.x 语法 在 Vue 2 中,你可以使用 this.$attrs 和 this.$listeners 分别访问传递给组件的 attribute 和事件监听器。结合 inheritAttrs: false,开发者可以将这些 attribute 和监听器应用到其它元素,而不是根元素: <template …

vue js项目中引入ts混用

一、安装typescript及loader npm install typescript ts-loader –save-dev 二、安装vue-property-decorator npm install vue-property-decorator –save-dev 三、配置vue.config.js module.exports = {   configureWebpack: {     resolve: {       extensions: [“.ts”, “.tsx”, “.js”,  …

Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.

Htmlimagelement 接口的 crossOrigin 属性是一个字符串,它指定了在检索图像时使用的跨来源资源共享设置。 指定在获取图像资源时使用的 CORS 模式的关键字的 DOMString。如果不指定 crossOrigin,则在不使用 CORS (获取无 CORS 模式)的情况下获取图像。 anonymous 元素的请求的模式设置为 cors,凭据模式设置为 same-origin。这意味着,如果从加载文档的同一源获取映像,则启用 CORS 并发送凭据。 use-credentials Htmlimagelement 的请求将使用 CORS 模式和 include 凭证模式; …

uniapp安卓原生插件开发

1. 准备工作 1.1 下载HBuilder离线打包Android版SDK( 5+SDK),并将其中的UniPlugin-Hello-AS工程导入AndroidStudio 1.2 在UniPlugin-Hello-AS工程中创建插件Module,并编辑Module的build.gradle文件使Module具备开发uni-app插件的能力 (1) 添加依赖库 注释默认的基础依赖库:Android Studio默认会在dependencies节点下添加一些基本依赖库,如下图红框内的引用注释掉 或 改为compileOnly依赖方式 注意:libs文件夹下的jar文件已改为compileOnly …