- 博客(12)
- 收藏
- 关注
原创 npm下载vue-dompurify-html遇到的问题
看到这个文件里有个isVue3 ,想着是不是这个版本插件是不是针对vue3,所以工程一直run失败,于是将插件降到了2.6.0的版本,再去node_modules文件里查看,文件里的代码与上面不一。当vue2项目中需要用到vue-dompurify-html防御xss攻击,当时也没注意版本问题,下载下来就是4.1.4的版本,这时项目启动就一直报错,查找出现这种情况的原因,最终还是解决了…再次启动项目,项目启动ok,有问题还得一步步的去查找是哪个原因…看到这里的报错,于是找到了。
2023-09-14 21:05:06
1264
原创 当ant-design-vue中select自定义下拉框覆盖select框
有时候开发时,select下拉框的内容需要自定义内容时,可能会出现,下垃框覆盖到select框,用户想输入内容搜索的时候导致无法输入。3.触发select框展示下拉框时,可以看到里面有个这个属性pupupRef。标签里加上ref属性,形如下面,这里只展示一部分代码。5.后面下拉框的位置就不会出现覆盖select框了。pupupRef属性里面有个align属性。4.所以就将这个属性中修改为false。
2023-03-14 21:39:03
1656
原创 当ts与vue结合实现手写分页
前面的文章已经讲了一些关于ts的语法,那么今天就来说说ts与vue是怎么运用的且实现分页这里就不讲怎么构建一个项目了首先建立一个页面tableData.vue <el-table :data="currentPageList" border style="width: 100%" :height="tHeight" class="table-box" > //内容省略.................. .
2021-07-03 20:43:47
554
原创 URlSearchParams构造函数获取URL参数的方法
URL的各个部分组成url的hash部分const myURL = new URL('https://ddong345:8080/article/foo#index);//获取console.log(myURL.hash)//===>#index//设置myURL.hash='bar'console.log(myURL.href);//=>https://ddong345:8080/article/foo#bar-url的host部分(主机)const myURL =
2021-06-15 20:16:03
1446
1
原创 typescript---快速入门
什么是TSTypeScript 是 JavaScript的一个超集,主要提供了类型系统和对 ES6的支持,具有可选的类型并可以编译为JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript 。 TypeScript编写的文件以.ts为后缀,用 TypeScript 编写 React 时,以 .tsx为后缀。可能遇到的问题当在第一次启动tsc:index.ts(文件名)后发现报错,如下图,此时重新以管理员的身份重新打开编辑器,打开终端,然后输入命令:
2021-06-07 23:17:38
950
5
原创 Echarts柱状图内容过长、数据相差太大,无法点击较小的数据??
最近一段时间,开发用到了Echarts展示一些数据,但是在开发中,往往没有想想的那么美好,你无法想想,一个数据的name名过长,怎么在柱状图的横坐标展示,你也无法想想数据相差太大,还要去点击每一根柱子,触发事件。首先,创建Echarts容器//Echarts.vue<template> <div :id="container" :style="{width:size.width,height:size.height}"></div></templat.
2021-03-19 12:30:20
3819
原创 ant-design-vue中from表单涉及父子组件表单验证.....
当子组件是一个from表单时,借用了父组件里的一“按钮"来验证(接口在父组件里),我是这么做的…子组件部分代码 <a-form :form="form" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }"> <a-form-item label="用户名"> <a-input placeholder="请输入" style="widt.
2020-12-27 23:06:35
2782
1
原创 ant-design-vue穿梭框,当tree遇到Transfer
最近项目中运动用到了transfer,而且还和tree一起运用,真的是头大,不过还好,最终还是解决了。ant-design-vue文档里都有,我只粘贴部分代码-------- <a-transfer class="tree-transfer" :data-source="dataSource" :target-keys="targetKeys"//重要的部分 :render="item => item.title" :show.
2020-07-12 14:56:49
7826
2
原创 运用ant-design-vue组件库,且在项目中遇到的一些问题
难以改变的默认样式可能大家在运用到组件库的时候都会遇到要改变其组件自带的样式,组件自带的都难以去改变,下面来看看,这种方法很有效果。。。。。首先,!important对于一般的组件样式,找到你要改变其组件的class名,在样式后加上!important,它的权重比较高,。.ant-select { width: 145px !important;}.happy-scroll-content { width: 100% !important;}其次,/deep//d
2020-06-06 16:01:15
2764
1
原创 webpack:前端模块加载工具
Webpack的基础介绍Webpack可以看做是模块打包机:分析你的项目结构,找到到JavaScript模块(commonJs),以及其他的浏览器不能直接运行扩展(scss,jsx,vue等),并将其打包为合适的格式以提供给浏览器使用webpack支持哪些功能特性:1,支持CommonJs和AMD模块,意思也就是我们基本可以无痛迁移旧项目。2,支持模块加载器和插件机制,可对模块灵活...
2020-03-14 13:35:53
194
原创 vue-cli脚手架的搭建及vue项目中遇到的一些问题
Vue-cli脚手架搭建----逆战班----随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中如何开发脚手架呢,今天跟大家分享一下,并且在项目中遇到的一些问题,怎么去解决…首先需要了解以下的知识,你才能更好的去理解htmlCSSJavascriptNode.js 环境(npm 包管理工具)Webpack 自动化构建工具一,安装node.js当...
2020-03-01 23:23:26
708
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人