logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中使用Element-UI----如何修改环形进度条尺寸

官网文档中默认尺寸是width:126px,height:126px;直接给放进度条的盒子设尺寸是不会起作用的,需要如下设置

#前端
element-ui 月份选择器,选择月份获取当前月的第一天和最后一天

1.html代码<el-date-pickerclass="pickerStyle"v-model="times"type="month"size="small"@change="changeMonth"placeholder="选择月"></el-date-picker>2.js代码changeMonth(value){...

#vue.js#javascript
vue div高度自适应

1.动态style绑定<div :style="styObj"></div>2.data定义data(){return{styObj:{height:0}}}3.mounted执行window.addEventListener('resize', ()=>{this.styObj.height=window.innerHeight-255+'px';});

#javascript#vue.js
解决vue两个表单切换时,校验规则失效问题

问题:两个表单切换,分别使用不同校验规则,校验规则失效解决思路:1.切换时使用resetField对该表单项进行重置,将其值重置为初始值并移除校验结果问题本质:即使两个表单绑定的值不同,但是浏览器在解析时,先解析第一个表单,此时表单上是没有绑定ref,之后再解析第二个表单时,浏览器发现这它的prop和第一个表单的prop一样,所以就认为这两个表单是同一个表单,就没有重新渲染,而ref本身是作为渲染

#vue.js
vue项目将json转化为格式化的json,展示在界面中,可展开

一、安装插件npm install vue-json-viewer --save二、组件中引入<script>import JsonViewer from 'vue-json-viewer'export default {components:{JsonViewer}}</script>三、示例<template><div class="testBox"&

#vue.js#javascript
iview实现表格可编辑

iview要实现table可编辑,使用render函数进行渲染,非常简单,希望对大家有所帮助。一、效果图如下:二、render函数使用方法h:vueRender函数的别名(全名 createElement)即 Render函数params: table 该行内容的对象props:设置创建的标签对象的属性style:设置创建的标签对象的样式on:为创建的标签绑定事件三、使用方法//创建一个表格&lt

#vue.js#html5#javascript
vue项目引入全局css

1.在assets文件夹中创建全局样式表css文件2.在global.css文件中写入全局样式/* 全局样式表 */html,body{width:100%;height:100%;margin:0;padding:0;}body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr...

#前端
vue中使用form-create实现动态表单

文章目录前言一、form-create是什么?二、使用步骤1.引入库2.组件中使用3.页面效果三、总结前言项目中需要实现动态生成表单,经过调研,决定使用form-create插件来实现,非常简单,带大家了解一下一、form-create是什么?form-create是一个通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持element-ui、iview、ant-design

#vue.js#前端#elementui
vue 汉字转拼音字母

一、安装npm install js-pinyin --save二、使用script标签中引入<script>let pinyin = require('js-pinyin');export default {data(){return{}},mounted(){console.log(pinyin.getFullChars('博客'));//BoKeconsole.log(pinyi

#vue.js
    共 15 条
  • 1
  • 2
  • 请选择