Yugoup的博客

<script>export default { name: "HelloWorld", data() { return { arr1Obj: [ { code: "1", name: "文字1" }, { code: "2", name: "文字2" }, { code: "3", name: "文字3" }, { code: "4", name: "文字4" }, { code: "

1.修改Electron打包桌面图标和应用名我在网上找的好多都是说在page.json里的build下进行修改，但是可能不适用我的项目最后在vue-config.js里进行配置。pluginOptions:{ electronBuilder:{ nodeIntegration:true, builderOptions:{ appId:"te.com", productName:

这种写法极大的方便了取值import store from '@/page'const { x1, x2} = store;也可以取函数的返回值import functionX from '@/page'const { x1, x2} = functionX;上面的写法就相当于import store from '@/page' const x1 = store.x1const x2 = store.x2或者import functionX from '@/page'con

正常情况下，在页面挂载时定义计时器，需要在页面销毁时清除定时器。export default { mounted() { this.timer = setInterval(() => { console.log('这是个定时器') }, 1000) }, beforeDestroy() { clearInterval(this.timer) } } 我们可

前言最近的项目遇到了私有化部署，ip地址不是唯一的，如果每次都修改完ip地址再打包再重新部署，实在是太繁琐了，身为程序员怎么能干这么累的活？这篇文章就是记录一下如何把ip地址变成可配置的，不用再重新构建代码久能重新生效。实现方案经过一番调研，最终确定了3个方案：1. 方案一在与src同级的static文件夹或者是public文件夹（element-admin模板）下新建config.js文件，在里面配置生产环境地址，在index.html引入。 方法可行，但是可能会被恶意修改地址，不安全。不过一

目录方案一方案二方案一思路：后端需要返回一个token过期的时间，在请求发起前拦截每个请求，判断token的有效时间是否已经过期，如果已过期，则暂时将请求挂起，先刷新token后再继续请求。前期思考：返回过期时间是为了判断是否过期的，但是如果服务器时间和系统时间不一致呢？如果同时发起多个请求时怎么办？实现：因为是在请求前进行拦截，所以这里用axios的axios.interceptors.request.use()方法首先，关于服务器时间和系统时间不一致的问题，我的解决方法是：

vue第一步，当然是新建一个vue的项目，这里我使用vue-cli脚手架一、安装node.js及环境安装node.js方法我就不多说了，百度上很多，都是正确的，没有什么争议。1.安装npm镜像，这里是淘宝镜像输入 npm install -g cnpm –registry=https://registry.npm.taobao.org2.检查是否安装成功***这里有个注意点***node -v //这里v是小写vue -V

1.刷新页面后丢失携带的参数//这里使用name进行路由的跳转，携带参数时用params，跳转后，url上不会出现参数，刷新页面后参数会丢失this.$router.push({ name: "page1", params: { code: this.code },});//接收参数时用this.$route.params.code2.刷新页面后依旧保留参数//但是，携带参数时用query，跳转后，url上会拼接参数，刷新页面后参数不会丢失，依然是那个带参数的urlthis.$ro

这里写自定义目录标题安装lessless报错安装less1.安装less和less-loadernpm install less less-loader --save-dev2.安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段：{test: /.less$/,loader: “style-loader!css-loader!less-loader”,},less报错首先判断是不是版本问题，可能是版本错误，所以尝试将le

代码备忘录scoped要去掉，否则类样式不会生效scoped属性是私有属性，只对当前组件生效，而v-html绑定渲染出的内容可以理解为是子组件的内容<div v-html="stem"></div><script>export default { data () { return { stem:'<div class="...

代码备忘录首先下载你需要的新字体下载后的文件放进文件夹里，新建一个iconfont.css的css文件font-family命名，命名可以随意，再引入字体文件@font-face{ font-family:'SY'; src:url('./SourceHanSansCN-Normal.otf');}在app.vue的style里引入iconfont.css@import ur...

vue学习小结前言学习vue已经有一段时间了，今天把这段时间的学习心得和一些小问题记录一下，防止以后忘记，争取不贰过。1.vue引入和vue-cli脚手架的使用首先要下载node.js，安装vue-cli脚手架，创建webpack项目，安装依赖，正常运行node -v ...

前端js的一些小技巧1.if判断写法2.注意时序性功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1.if判断写法/...

随笔vue 绑定类名 是否禁用样式:class="{'focu_li':item.now,'des_li':item.disabled}"//可以这样绑定//css.focu_li { border: 1px solid #00b48b; font-weight: bold; } .des_li { background-color: lightgra...