随笔分类 - Vue

vue cli3 打包build 区分测试环境和正式环境（vue-cli-service）

摘要：1、在根目录下创建两个.env的文件，.env.build是生产环境，.env.test是测试环境，两个文件的【NODE_ENV】都= ‘production’用另一个变量【VUE_APP_CURRENTMODE】来区分环境.env.test env.production 2、package.js 阅读全文

posted @ 2022-12-23 09:27 小严不言慢阅读(611) 评论(0) 推荐(0) 编辑

vue控制按钮或者input不可操作disabled

摘要：1、使用v-bind:disabled="变量名" <vxe-button @click="next" v-bind:disabled="buttonDisabled" id="next">派送</vxe-button>2、变量名初始化 3、在需要使得控件可操作的地方通过以下方式：$("#next" 阅读全文

posted @ 2022-12-23 09:24 小严不言慢阅读(1252) 评论(0) 推荐(0) 编辑

Vue隐藏导航栏中的部分路由

摘要：以登录界面为例，当登录之后，页面上就不应仍出现“登录”的菜单栏 1、在login菜单栏中使用v-show="$route.name !=='login'" 2、在route中需设置name,因为v-show是通过name作为判断条件的阅读全文

posted @ 2022-12-22 12:44 小严不言慢阅读(487) 评论(0) 推荐(0) 编辑

Vue绑定click事件

摘要：1、在控件中新增@click="方法名" 2、在methods里面新增方法阅读全文

posted @ 2022-12-22 12:39 小严不言慢阅读(132) 评论(0) 推荐(0) 编辑

Vue路由加上项目名称

摘要：1、在路由的base中加上项目名称 2、url重写应为阅读全文

posted @ 2022-12-22 11:26 小严不言慢阅读(181) 评论(0) 推荐(0) 编辑

Vue怎么改变table的colum的样式

摘要：在table中设定 :cell-class-name="cellClassName" template: <vxe-table border class="mytable-style m-t-2" :cell-class-name="cellClassName" :data="list"> scri 阅读全文

posted @ 2022-12-22 11:21 小严不言慢阅读(259) 评论(0) 推荐(0) 编辑

Vue点击按钮弹框

摘要：1、设置点击事件 template: <vxe-form-item title="新产品码（临时）" field="newProductCode" :item-render="{}"> <vxe-toolbar> <template #buttons> <vxe-input type="search 阅读全文

posted @ 2022-12-22 10:56 小严不言慢阅读(527) 评论(0) 推荐(0) 编辑

Vue某列内容以html的形式展示（举例：超链接、a标签）

摘要：1、显示html的方法：将该列的type设成html，那么当给此列赋值为带html标签的内容的时候，html标签不会以文本的形式展示在页面上 template: <vxe-table-column field="attachment" title="附件" width="300" type="htm 阅读全文

posted @ 2022-12-22 10:51 小严不言慢阅读(3092) 评论(0) 推荐(0) 编辑