
UI框架
ShiyuTim
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
在 Vue 中多表单深层次嵌套结构,创建响应式属性,以及多层级表单验证
在 Vue 中多表单深层次嵌套结构,创建响应式属性,以及多层级表单验证文章目录在 Vue 中多表单深层次嵌套结构,创建响应式属性,以及多层级表单验证设置响应式属性表单验证设置响应式属性在 Vue 中,只有在跟级别中创建的属性,才具有响应式,如果后期手动添加,如使用 this.xxx = xxx这种方式创建的属性是不具有响应式的。在 Vue里面,封装了 7 个方法,使用如下的方法来添加属性,同样可以创建响应式属性,并触发视图更新:push()pop()shift()unshift()spl原创 2020-07-05 17:21:17 · 6052 阅读 · 0 评论 -
ant design 配置按需加载
ant design 配置按需加载使用 create-react-app 创建一个 react 项目,并安装 antd。根据文档需要下载下面几个插件 react-app-rewired customize-cra babel-plugin-import。安装插件yarn add react-app-rewired customize-cra babel-plugin-import...原创 2020-04-12 14:31:37 · 703 阅读 · 2 评论 -
ant design 使用自定义阿里巴巴图标
在 react 中,使用ant design 框架中的自定义图标首先,复制例子中的代码:import { createFromIconfontCN } from '@ant-design/icons';const IconFont = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.j...原创 2020-03-25 18:43:59 · 1144 阅读 · 0 评论 -
Vue 项目出现 Refused to load the image 'http://localhost:8082/favicon.ico' 的问题
问题出现的原因是在我按需引入element-ui,然后先是下载babel-plugin-component这个插件,然后去配置.babelrc文件。在我按照步骤弄完了之后,npm run dev就显示了如题 中出现的错误,这个错误也是我第一次遇见,既然突然出现了这个问题,肯定是我以上操作产生了这个问题。我先是把.babelrc更改回来,发现可以,没有错误了,但是为了使用element-ui还是...原创 2020-01-02 06:13:17 · 2221 阅读 · 0 评论 -
关于element-ui loading 的函数封装和yield 封装
根据官方文档说明,element-ui提供了服务的方式调用。这里提供了两种封装方法。一种是使用函数封装,另一种是ES6的yield封装。创建一个loading.js文件,里面放入配置代码。第一种使用普通函数,有两种方式调用,根据传入的参数去判断是开启或关闭。这里开启传入start为开启,传入close为关闭。// loading.jsimport { Loading } from '...原创 2019-12-23 21:26:34 · 1169 阅读 · 0 评论 -
使用Mint-ui 的Radio,最后一个元素底部出现一条线。
Mint-ui 中使用Radio,解决出现一条线的问题。在vue中,使用mint-ui,发现默认的radio选项都是column的。因为需要row的,所以需要转换一下位置。F12审查元素后,找到对应的class,为mint-radiolist,在<style>中进行如下覆盖样式.mint-radiolist { display: flex; flex-flow: row ...原创 2019-11-07 20:30:02 · 676 阅读 · 0 评论 -
使用iview的表格render渲染button的时候,this指向问题,不指向vue实例
新接触的iview框架,初次使用iview的表格功能,但是复制了官网的代码后,发现并不能正常渲染出来,而且还有其他好多问题。// 并不能正常渲染出来{ title: '操作', key: 'action', width: 150, align: 'center', render (row, column, index) { return `<i...原创 2019-10-21 20:28:17 · 1034 阅读 · 0 评论 -
使用layui/layuiAdmin的总结
layui是一个前端UI框架。主要是配合JQuery使用。开始使用首先是下载文件,然后引入css和js文件。引入之后就需要在<script>标签里面写代码了。layui里的js代码都需要在layui.use()里面写。举个例子,如果你想写form表单,那么在html里面复制代码之后,需要在js文件里面这样写:layui.use('form', function() {...原创 2019-08-17 15:01:06 · 18179 阅读 · 2 评论 -
Vue使用mint-ui的Infinite scroll(无线滚动)报错MutationObserver': parameter 1 is not of type 'Node'." * Failed
在Vue里面使用mint-ui的Infinite scroll无线滚动,按照配置写完之后,发现控制台里报错了。如下错误信息:Error in directive infinite-scroll inserted hook: “TypeError: Failed to execute ‘observe’ on ‘MutationObserver’: parameter 1 is not of t...原创 2019-10-08 21:05:34 · 5600 阅读 · 2 评论