Jkssns的博客

tinymce中的颜色选择器，选择后只有下划线变了颜色，UI要求字体也变色。下划线和上面的字母都是svg中的path，没有change之类的事件可以监听。<editor @onInit="onEditorInit"></editor> init() { this.addAttrListener() }, /* 监听插件颜色属性变化时，将字母和下划线统一变色 */ addAttrListener() { const target = document.get

vue2 实现 vue3 的teleport功能

1、把图片放到public文件夹下。2、使用vite的import.meta.glob或import.meta.globEager，两者的区别是前者懒加载资源，后者直接引入。 <img :src="getSrc('Contact_us')" alt=""> getSrc(name) { const path = `./../assets/images/about/${name}.png`; const modules = import.meta.glo

直接引用图片就裂开了，我也裂开了。

// main.jsimport { createApp, reactive } from 'vue'const app = createApp(App)app.config.globalProperties.$language = reactive({ val: storage.get('setting')?.language || 'zh' // 语言})// 组件中修改，页面也会更新，类似storethis.$language.val = 'en'// vuex 源码，

import Vue from 'vue';function capitalizeFirstLetter(string){ return string.charAt(0).toUpperCase() + string.slice(1);}const requireComponent = require.context( './components',true,/\.vue$/ //找到components文件夹下以.vue命名的文件)requireComponent.k

公司用uni-app做的echarts，本以为直接从pc段代码复制过来就可以了，不出来是一个问题，出来了格式不对又是一个问题，毕生所学都学以致用了，我可真是个菜比。菜话不多说。这里是uni-app app端用echarts的官方教程，bug很多，咱也没办法，入了坑就只能用。如果是循环echarts的话，可以把官方示例封装成组件，在组件初始化dom，外部只需要传入option和id。遇到的难题如下：头疼的厉害，这几天看美剧良医，总感觉因为写代码长了个脑瘤。真难受，希望所有写代码的人都能够不急不慌，

1、cnpm i eslint eslint-plugin-vue2、vscode中下载安装ESLint插件2、在src同级目录下创建.eslintrc.js文件3、复制以下代码module.exports = { "root": true, "env": { "node": true, "browser": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended"

1、props，父组件向子组件传参2、$emit、$on ，子组件向父组件传参3、v-model，可以通过vue2.6新增的model属性控制父组件绑定v-model的事件与值4、$parent、$children、父子组件相互调用的方法，但是如果写多会造成代码难以理解，比如子组件改变了父组件的值，但是开发人员在父组件里面，找不到和子组件有关联地方。5、$ref 写在div标签上，就相当于document.getElementById(’#div’)，写在子组件上，就能获取这个子组件实例的引用，比如

1、打开阿里巴巴图标库并登录2、挑选合适的图表加入购物车3、点击右上角购物车，添加至项目4、点1、点2、再点35、在vue项目中的index.html中写一个link标签，href为刚刚的第三步操作6

<div id="app"> (b) // vue是用 {{}} ，进行模板字符串渲染的，官网说可以改变这个渲染的方式</div>new Vue({ el: '#app', delimiters: ['(', ')'], // 只要加上这个就可以了，两个值分别是左右的渲染括号 data() { return { b: '123' } }, created() { }})这是官网对于构建版本的描述，因为运行时版本相比完整版体积要小大约 30%

写这个单纯是为了好看，提升代码颜值。人就是这样，往往特别在意自己没有的东西。data(){ return{ description: '对这个页面的描述'， // 表格格式、表单的一些用v-for循环出来的数据、框架注册的一些数据 columns, Field:[{}], form: this.$form.createForm(this), // 一些状...

函数防抖<div> <button @click="click">点我进行函数防抖</button></div>script标签下定义一个函数function throttle (method) { clearTimeout(method.timer) method.timer = setTimeout(function () ...

本来吧，俺是不屑于发这种解决小bug的博客，但一想，俺可是把知识洒向人间的天使，我管他有用没用呢。是一坨屎俺也要塞进别人的脑袋里。原因： 是因为遮罩层插入进了body标签下，z-index高于当前父元素。解决：在el-dialog标签里加上:modal-append-to-body="false"就可以了。...

Access to XMLHttpRequest at 'https://xin.yuemei.com/V603/channel/getScreenNew/' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present...