Vue 2

2018-08-10  本文已影响0人  有刘海

钩子函数,表示在页面加载之后就执行代码 mounted

通过控制dom自动获取焦点

  1. 在页面加载完成之后执行代码 使用ref 属性
  2. 如果那个input需要获取焦点就将这个re发的属性放在那
  3. 通过$refs.属性名.focus ref = '属性名' 获取

创建入: v-myfocus 方法焦点自定义版

  1. 自定义获取的焦点的Vue.directive() 两个参数, 第一个就是自定义的名称,第二个是相信信息
    (1).对象里面是一个inserted(el, binding){}函数 两个参数 , el一个是输入框的dom信息, 第二个是信息信息
  2. 需要在哪个输入框加载完成后获取焦点只需要加上 v-myfocus 指令
  3. 诸如创建一个 v-mycolor 属性

事件过滤器

1.通过Vue.filter()方法创建过滤器,它含有两个参数:第一个参数是过滤器的名字,第二个参数是过滤器的处理函数,这个函数有个默认参数,
表示需要过滤的数据
(1)  处理函数也有两个参数 function(time seprator) {}

  1. 是要处理的 时间
  2. 是一个变换的值 ,在需要处理的值得后面加 | mytime() 这个自定义的名称


    搜狗截图20180810200953.png
搜狗截图20180810200935.png

computed 这个属性出来的初衷是为了简化页面代码拼接

  1. 使用computed 只是一个属性.

在Vue中通过axios.get 或者 axios.post 发送ajax后台请求

  1. axios.get('后台的api接口') .then(function (res) {}) 这个res是请求成功的返回值, .catch(function(err) {}) err 是返回为成功的函数
    axios.get('后台接口的api' {
    params: {
    ID: 12345
    }
    })
    .then(function(res) {
    })
    .catch(function(error) {
    console.log(失败原因)
    })
上一篇下一篇

猜你喜欢

热点阅读