MAIMIHO的博客

【代码】element-plus icon 动态显示。

通过名称传递必须先对其进行注册, 将组件本身传递给。而不是其名称，则不需要注册。

Vue Devtools 有一个功能, 可以直接在查看组件时, 直接打开对应的文件, 但默认是使用 VSCode 打开, 本文介绍如何使用 WebStorm 打开文件.即可, 这个文件不会被提交到 git, 所以不会影响其他人的开发设置.是为了不影响其他人的开发, 只有在自己的电脑上才会执行这段代码,是定义的私有环境变量。

或者通过导入引入, 因为这个变量是在编译时就已经确定了，而不是在运行时。一定要用 fs 去读取, 不能直接用。读取配置文件中的代理地址。或者其他文件中，然后在。

vue props 定义枚举值。

原因是 ElementUI 没有下面这种模式.效果如下, 细节可以自己完善。

前端获取视频缩略图 视频帧图片

axios 请求本地文件

resizeTextarea给 el-input 加上 ref="xxx"改变 autosize 后 调用 this.$refs.xxx.resizeTextarea();也可以再 nextTick 中调用this.$nextTick(() => { this.$refs.xxx.resizeTextarea();});v-ifel-input 里面内容过多的时候上述方法也无效了可以使用 v-if给 el-input 加上 v-if="xxx"改变 autosize 后

VUE 国际化使用了多语言 插件 vue-i18n, 但是还遇到不同语言文本长度不一致等问题.解决方法需要应用的标签添加 :lang="$i18n.locale"<div class="foo" :lang="$i18n.locale"></div>css 语法 :lang( <language-code> )例如德语:css.foo:lang(de) { ...;}less.foo { ... &:lang(de) { .

客户端存储 — Vue.jshttps://cn.vuejs.org/v2/cookbook/client-side-storage.html支持更好用的 API 的库RobinCK/vue-ls: Vue plugin for work with local storage, session storage and memory storage from Vue contexthttps://github.com/RobinCK/vue-lsmain.jsconst optionsLS = {

内部元素总是需要提供唯一的 key attribute 值, key 不能是 index

在 script 标签上添加 type<script type="text/jsx">

WebStorm 配置 stylelint安装npm i -D stylelint stylelint-config-prettier stylelint-config-recess-order stylelint-config-standard stylelint-order stylelint-scss根目录创建 .stylelintrc.js内容module.exports = { extends: [ "stylelint-config-standard", "styl

WebStorm 识别 webpack 配置 alias @ 等根目录创建 webstorm.config.js内容const webpackConfig = require("@vue/cli-service/webpack.config.js");module.exports = webpackConfig;引入配置File | Settings | Languages & Frameworks | JavaScript | Webpack...

使用 vue-i18n 的时候 需要进行繁琐的替换如:<div>XXX yyy ZzZ</div>替换为:<div>{{$t("xxx_yyy_zzz")}}</div>然后在 js 文件中增加条目xxx_yyy_zzz: "XXX yyy ZzZ",查找 tag 里面的文本也很繁琐使用 WebStorm 和 IDEA 等 IDE 配合正则表达式可以很快的完成这个操作使用方法类似(?<=>)(\w+)(?=<) 的正则表达

@click.native

原生WebView调用 uniapp h5 函数在 onReady() 中, 将 h5 中的函数挂载到 windowonReady() { window.xXX = () => { //do something }; //window.yYY = this.yYY; },如果是 VUE h5 onReady 换成 mounted原生调用方式示例:mWebView.loadUrl("javascript:xXX()");...

项目根目录下创建 vue.config.jsmodule.exports = { devServer: { proxy: { '/api': {//代理 /api/xxx/xxx 的请求 target: '你要请求接口的地址', pathRewrite: { '^/api': '' } } }, }}开发环境的 BASE_URL 如下const BASE_URL = "/api";

Uniapp 修改内置组件样式无效解决方法写到 App.vue 公共样式中使用 深度作用选择器https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html css 中使用.a >>> .bless 中使用.a /deep/ .b