qq_39866016的博客

vue的短信模板编辑功能

文件路径@/assets/svgs自动注册并打包成一张雪碧图首先需要对webpack和svg-sprite-loader进行相关设置，文件全部打包成svgs-spritemodule.exports = { chainWebpack: (config) => { config.module .rule('svg) .exclude.add(resolve('src/assets/svgs'))

variable.scss: 全局变量管理mixins.scss: 全局Mixins管理module.exports = { css: { loaderOptions: { sass: { prependData: ` @import '@/style/variable.scss'; @import '@/style/mixins.scss

方法一先安装依赖：npm install --save-dev cross-env然后在package.json配置如下："dev": "cross-env NODE_ENV=development vue-cli-service serve","build": "cross-env NODE_ENV=production vue-cli-service build"方法二(只使用vue-cli)创建两个文件.env.dev文件NODE_ENV=developmen

1.v-if与v-for当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以，不推荐v-if和v-for同时使用。推荐使用方式:<div v-for="(item, $index) in data"> {{item}}</div>放在计算属性遍历，或者在遍历之前筛选好computed: { data: function () {

1.dataZoom功能不能正常显示问题描述：添加完配置后，Echarts datazoom的效果出不来(有时能出来，有时不能出来)，在echart正常引入的情况系下，还需要在引入：import 'echarts/lib/component/dataZoom'引用后就能正常使用了！...

配置全局variable.scss，不需要在组件单独引用，可直接使用variable中的变量vue.config.js：module.exports = { devServer: { port: 9000 }, css: { loaderOptions: { sass: { //不同版本的写法稍微有些区别，根据情况使用 //旧版本 //data: `@import "路径/variable.scss";` //项目中v