蜡笔小星的博客

el-switch开关根据判断条件来控制状态改变

vue页面中文字换行

element的动态验证规则

element-ui 的dialog弹窗 ，默认的点击空白处也就是非弹窗区会关闭，有时候不太合适，所以要设置为不可关闭，它本身自带该功能：把这个属性设置为false即可<el-dialog title="添加" :visible.sync="dialogFormVisible" :close-on-click-modal="false"></el-dialog>...

使用步骤：1.安装#npmnpm install vue3-perfect-scrollbar#yarnyarn add vue3-perfect-scrollbar2.使用#在main.tsimport { createApp } from 'vue'import App from './App.vue'//引入import PerfectScrollbar from 'vue3-perfect-scrollbar'import 'vue3-perfect-scrollbar/

pc端项目中，当页面内部出现滚动条，浏览器默认的滚动条又很丑，为了页面美观，可以进行优化滚动条样式。vue的elemnt ui官方文档上并没有放出滚动条相关的实例说明，但实际上是有这么一个组件的，可自行查看element源码，效果如下图左边所示：使用：<el-scrollbar></el-scrollbar>将会出现滚动的内容放到上述标签内就可以，之后的样式效果可自行调整...

需求: 点击中文按钮，列表显示中文；点击english按钮，列表显示英文如下图，搭建vue3项目//使用vitenpm init @vitejs/app安装国际化依赖插件npm install vue-i18n@next创建i18n文件夹src/i18n/ch.tsexport default { message:{ one:'一', two:'二' }}src/i18n/en.tsexport default { messa

文章目录一、TypeScript快速上手初识TypeScript安装TypeScript第一个TypeScript程序TypeScript常用语法基础类型接口类一、TypeScript快速上手初识TypeScriptTypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，它由 Microsoft 开发，代码开源于 GitHub上安装TypeScript命令行运行如下命令，全局安装TypeScript：npm install -g typescript

And Design Vue支持全部导入所有组件，会增加代码包的体积，因此不推荐这种做法babel-plugin-import 是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式1.安装npm i babel-plugin-import -D2.添加.babelrc文件{ "plugins": [ [ "import", { "libraryName": "ant-design-vue", "li

对象方法##最简单的绑定 （这里的active加不加单引号都可以，以下也一样都能渲染）:class="{'active':isActive}"判断是否绑定一个active:class="{'active':isActive==-1}"或者:class="{'active':isActive==index}"绑定并判断多个第1种：用逗号隔开:class="{'active':isActive,'sort':isSort}"第2种：放在data里面//可以把后面绑定的对象.

elementUI级联选择器自定义定位，不随页面滑动默认效果快捷定位自定义定位默认效果默认浮层显示在下方快捷定位添加placement属性：top、bottom、left、right<el-cascader :change-on-select="true" :props="defaultParams" :options="optionsArr" v-model="statusform.statu

ElementUI中switch开关样式switch默认样式实现效果图具体步骤1）html 代码2）修改el-switch默认样式switch默认样式实现效果图具体步骤1）html 代码添加class=“switch”，避免全局样式污染<el-switch class="switch" v-model="switchvalue" :validate-event="true" active-text="新增

vue-devtools安装步骤Vue开发项目常用的一款谷歌浏览器插件安装步骤git地址官网地址：https://github.com/vuejs/vue-devtools.git（不好用￣ヘ￣）//这个可以~~https://gitee.com/zhang_banglong/vue-devtools.git文件夹如下图：打开终端，依次输入以下命令npm installnpm run build打开vue-devtools文件夹，找到shells文件夹打开

axios发起get请求发起带参数的get请求发起post请求发起并发请求axios的全局配置axios封装发起get请求<button @click='getReq()'>发起get请求</button>import axios from 'axios'export default { setup(){ //写法一 const getReq=()=>{ axios.get('url').then(res=>{console.lo