vue.js
文章平均质量分 59
雷欧奥特曼±
这个作者很懒,什么都没留下…
展开
-
Elelemt-UI el-table 接收后端返回换行符 /n 不生效
ElementUI表格行换行符不生效原创 2022-07-04 16:06:47 · 2855 阅读 · 0 评论 -
1-失焦事件覆盖了点击事件,2-主动校验rules中的某一项
1、在element-ui中,当 input失焦事件 与 按钮的点击事件同时触发时,由于失焦事件级别优先,造成点击事件没有触发。解决方法:使用原生的鼠标事件@mousedown.native="submitForm",该事件级别优先于失焦事件,因此优先触发。2、当用户需要对表单中某一项触发校验时,可以通过 this.$refs.ruleForm.validateFiled('age...原创 2019-05-10 11:36:18 · 1115 阅读 · 0 评论 -
vue.js插槽Slot的用法与具名插槽、作用域插槽的使用
1、基本用法 插槽指允许将自定义的组件像普通标签一样插入内容import Vue from 'vue'// 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 ...原创 2018-09-07 15:53:55 · 2762 阅读 · 0 评论 -
vue.js之定义组件和子父组件数据传递及函数的相互调用
import Vue from 'vue'// 定义一个名称为componentOne的组件const componentOne = { // props 用来接收父项所传递过来的数据,该数据是挂载在本组件上,可以直接用this.调用 props: { active: { type: Boolean, // 定义父项传递数据的类型 ...原创 2018-09-07 09:17:34 · 899 阅读 · 0 评论 -
Vue.js原生指令
Vue.js原生指令目录:v-text v-html 1、v-text给标签绑定需要显示的内容new Vue({ el: '#id', template: `&amp;lt;div v-text=&quot;'value:'+val&quot;&amp;gt;&amp;lt;/div&amp;gt;`, data: { val: '123'原创 2018-09-06 20:24:38 · 401 阅读 · 0 评论 -
Vue.js之computed和watch的使用与区别
VUE之computed和watch应用与区别目录:computedwatchcomputed计算结果并返回,只有当被计算的值发生改变时才会触发 (即:计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算)new Vue({ el: '#id', template: `<div> <span>Name:...原创 2018-09-06 17:54:06 · 19781 阅读 · 6 评论 -
Vue.js之组件异步加载
当项目中组件特别多的时候,通过webpack打包的组件非常多,如果在访问其中某一个路由对应的组件时,加载了所有组件的文件,对于性能的消耗是非常浪费的。 此时,我们就需要使用组件异步加载,即进入对应的组件时,只加载核心组件、代码和对应的组件代码。 通过vue-router和webpack实现 需要插件支持: babel-plugin-syntax-dynamic-importimport ...原创 2018-09-08 16:06:51 · 1146 阅读 · 0 评论 -
Vue.js路由route导航守卫
导航守卫:即在路由发生改变时通过跳转或取消的方式来守卫导航; 注意:参数或查询的改变并不会触发进入/离开的导航守卫; 导航守卫的方式:全局守卫、单个路由守卫、组件守卫。 route.js:import Vue from 'vue'import VueRouter from 'vue-router'const login = () => { import(/* ...原创 2018-09-08 15:34:49 · 732 阅读 · 0 评论 -
vue.js设置路由跳转时动画效果
app.vue : <template> <div> <router-link :to="/login">Login in </router-link> <router-link :to="/homePage">to HomePage</router-link&原创 2018-09-08 11:44:12 · 3740 阅读 · 0 评论 -
vue.js之rouer配置项简介
router.js :import Router from 'vue-router'import routers from './routers'export default () => { return new Router({ routers, // mode默认值为'hash',改为'history'后可去掉路由上的# ...原创 2018-09-08 11:10:46 · 322 阅读 · 0 评论 -
vue.js路由mode配置之去掉url上默认的#
比如 : http://localhost:8080/#/login 路由中间默认带有 # 如果需要去掉#,只需将mode的默认值’hash’改为’history’即可。router.js :import Router from 'vue-router'import routers from './routers'export default () =&amp;amp;gt; { ...原创 2018-09-08 10:16:52 · 3550 阅读 · 0 评论