qq_32944491的博客

搭建的项目想用vuetify3（官方只提供测试版），根据官网文档进行安装发现vite搭建完vue3项目之后再去vue add vuetify不好使！！！所以曲线救国一下vue-cli4去安装vue3项目之后再vite+vuetify。搭建步骤如下：1.vue create XXX （注：XXX为项目名称，vue-cli为4.0以上版本）；因为项目想选用ts，此处选择Manually select features；2.进入Manually select features，自选模式我选择的如下：

前端数学公式渲染引擎深度对比 总有一款是适合你的~~

vue3+vuedraggable 实现重排数组对象顺序

一.表格可扩展自定义，用JSX或者h 函数解决；二.模态框a-modal嵌套a-form,使用确认事件@ok校验逻辑不走直接关闭模态框，将@ok 更改为@before-ok 事件

实现难点：主要是与服务端建立连接，后端用的sockJS前端保持一致,其实xterm中自带了websocket；视图展示用的xterm;开发过程中遇到的痛点就是调试时很麻烦；后来后台将项目打包之后我本地起服务才能写单独的html页面去进行调试的但是和项目还是有出入；这样比 打包到uat上去查问题方便一点 但是已经不是什么好的解决方案 调试的时候真的是有点烦躁~~需求：用vue、xtrerm、sockJS实现一个终端；

1.多看官方文档；2.多写多总结，无论时动态校验还是普通校验——prop和绑定的值要保持一致，这样才能实现规则校验。！

需求：实现全屏功能实现效果：主要代码如下：//this.fullscreen :false 不全屏展示 handleFullScreen() { const element = document.documentElement if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen() } else if (docume

需求：运用ant中通知提醒实现自定义的样式效果；效果如下：点我之后点击上传按钮去看效果组件自定义内容支持vueNode |function(h)，我自己是用function(h)来实现的，想用vueNode的 可以去vue 官网去查看 相应的编码规范，function（h）的其中核心有点像广度遍历似的，大家可以先将要实现的代码先写出来之后再用function(h) 来实现 更高效：我不知道怎么绑定指令，问我的狗子 他也不知道，真希望有高人指点一番！！！ h( '页面标签

业务需求：前端自己获取项目下的YAML,并且对YAML与JSON进行相互转换1.实现效果如下：2.具体实现将yaml文件放到public文件夹下的yaml文件夹下需要借助 js-yaml 来对yaml和json相互转换,load是yaml转换成json的API,dump是json转换成yaml的API主要代码如下：import yaml from 'js-yaml// 读取Yaml readFile() { const file = this.loadFile('/.

业务需求：根据屏幕大小，将echart进行适配，同时可以解决首次渲染echart画布大小和刷新时画布大小不统一的问题1.实现效果如下：随着屏幕大小，echart画布进行适配2.主要代码如下： <div class="echart-card" > <div class="echart-container"> <div ref="cpuEChart"></div> </div> </div&gt.

业务需求：用户登录时，如勾选自动登录则将登录成功的用户名和密码进行保存，下次登录则自动展示到相应的输入框中便于登录；效果如下：.vue文件中主要代码如下：mounted() { this.getCookie() },methods: { // 设置cookie,登录成功之后进行调用 传入账号名，密码，和保存天数3个参数 setCookie(name, pwd, exdays) { var exdate = new Date() // 获取时间

需求:根据表格选中条数去动态的控制表格复选框状态;思路:1.列表数据增加可选标识2.监听条件去控制标识状态实现依赖getCheckboxProps组件方法;具体实现如下://监听表格选中的数据 watch: { selectedRowKeys: { handler: function (val) { let count = 5 - this.formData.dataDisk.length if (count <= val.length.

需求：1.选中列表数据实现单选效果；2.支持单列模糊搜索（官网例子）这个搜索是前端进行处理的没有调用后台接口去处理，可根据自己的需求去改进；3.业务场景：切换页码时；数据搜索过滤时；页面单选效果也不会丢失；之前自己实现了一个但是还差个搜索功能，而且之前的列表是滚动的，所以还是想说用现成的组件进行改造更加快捷而且也满足需求，能不造轮子就不自己造效果如下：代码如下：<template> <a-table :data-source="data" :.

需求：用vue实现一个web窗口的终端选择了nodevnc项目中安装nodevnc; npm i @novnc/novnc --save代码实现<template> <div id="screen" style="width:100%;height:800px"></div></template><script>import RFB from '@novnc/novnc/core/rfb'export defaul.

Ant_vue 组件使用记录1.弹窗次数限制提示只出现一次注意：使用前先进行销毁，即可控制显示次数；配置–message.config{maxCount:3} //最大显示数；销毁以notification为例； context.$notification.destroy() context.$notification.error({ message: '出错', description: '服务器异常', duration: 5 })...

需求：是动态切换主题色；思路一：配置不同的less文件，然后逻辑判断进行引用文件；思路二：参考Aant Pro项目引用webpack-theme-color-replacer插件来实现；思路三：window.less.modifyVars和antd-theme-generator来动态更新主题色；...