logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react项目打包时关闭source-map产生的.map文件

react项目打包时关闭source-map产生的.map文件

#reactjs#前端#webpack
vue scoped与深度作用选择器 /deep/ 覆盖element-ui样式

element-ui是vue项目中常用的pc端ui组件库,但是其样式上可能与我们的项目需求有较大差异,通常使用自己的样式覆盖ui组件库样式以达到目的方法1:创建自定义样式文件在main.js或app.vue中引入ps:只适合做整体样式的设置,无法细分到组件的具体使用场景,如果细分至组件使用场景,代码过于集中,不利于维护方法2:在代码内...

设置element-ui Table滚动条样式

1.首先,安装包npminstallperfect-scrollbar--save2.引入//引入核心框架import Vue from 'vue';//插件的包import PerfectScrollbar from 'perfect-scrollbar';//对应的cssimport "perfect-scrollbar/css/perfect-scro...

vue scoped与深度作用选择器 /deep/ 覆盖element-ui样式

element-ui是vue项目中常用的pc端ui组件库,但是其样式上可能与我们的项目需求有较大差异,通常使用自己的样式覆盖ui组件库样式以达到目的方法1:创建自定义样式文件在main.js或app.vue中引入ps:只适合做整体样式的设置,无法细分到组件的具体使用场景,如果细分至组件使用场景,代码过于集中,不利于维护方法2:在代码内...

element Form表单自定义校验(针对局部输入控件局部校验)

最近帮朋友看一个vue项目,需要在整个表单的一个输入控件上添加校验,因为表单是动态创建的,就没有考虑整个表单绑定rules,而是在<el-form-item>上绑定了rules,具体代码如下:template/html部分:<el-form-itemlabel="自定义校验"prop="text":rules=&qu

vue slot插槽使用个人理解

最近项目不忙,看了看vue,看到了slot,练习了下,与大家分享下,希望有用~ 个人理解:用法等同于“占位符”,占据一定的“位置”,进行不同的回显,可以设置默认值,效果类似于v-if,但是功能更丰富 slot用法一(基础用法)子组件代码设置如下:<template><div><slot>默认</slo

vue配置全局less变量/方法 详细过程

核心:sass-resources-loader组件实现过程如下:1.安装npm i sass-resources-loader -S 2.修改配置文件build/utils.js2.1 在cssLoaders中添加如下代码:// 全局less变量配置function lessResourceLoader() {var loaders = [c...

#less
vue项目国际化实现 vue-i18n使用详细教程

公司新项目使用了vue-cli与element-ui做了项目基础,考虑项目需求要做多语言实现,一番百度加案例,使用vue-i18n第三方实现,具体步骤如下:前期项目准备工作略过,直接开始国际化配置...1.安装vue-i18n:npm i vue-i18n -S2.项目配置vue-i18n:在src目录下创建i18n文件夹,在i18n文件夹内添加基础配置及各语言文本配置文件;...

vue踩坑 页面未触发渲染

最近项目中数次遇到了 “页面没有按照预想渲染” 的现象,特推出以下两种解决思路:1. $nextTic()方法具体操作:在$nextTic()方法回调函数内进行data更新this.$nextTick(() => {// ...});2. $forceUpdate()方法具体操作:执行方法,即可使组件强制重新渲染// ...this.$forceUp...

vue中富文本样式设置不生效解决方案

问题描述:在vue中通过v-html回显富文本内容,遇到了设置富文本样式不生效问题;原因:<style>标签添加了scoped属性;解决方案:1. 去掉<style>标签的scoped属性;2.使用 /deep/深度作用选择器 (案例如下);案例代码:html:<div class="fwb" v-html="htmlVal">&...

    共 18 条
  • 1
  • 2
  • 请选择