郏俊龙个人博客

element-ui—–饿了么的ui库

—

由

[toc]

为什么

just for graduation design。用VUE 想找个好的ui库。看起来好一些

初始化设计

vue 问题汇总

首先是那个jQuery等框架的引入，要在index.html 里面的<body></body> 中引入assets 的文件，这样不会拦截，否则就是301

ajax请求，this.变量无法更改这个

var self = this
jQuery.getJSON(selfurl, {autoinput: '郏俊龙'},       function (data) {
    console.log(data)
    //this.detailselect = data.result
   console.log(data.result)
  }
// 这里面的this不嫩使用，它默认的是 ajax的this 不是vue的 this。所以当要改的时候要在ajax请求外面 用其他变量 指代vue的this。例如 var self=this。

饿了么的搜索提示框

<el-autocomplete
  v-model="detailselect"
  :fetch-suggestions="querySearchAsync"
  @select="handleSelect"
  placeholder="请输入内容">
</el-autocomplete>
querySearchAsync: function (queryString, cb) {
  console.log(queryString)
  console.log(this.GLOBAL.HTTP_ADDRESS)
  var selfurl = this.address + '/autosearch'
  var jia=[{'value':'jia','name':'id'},{'value':'神','name':'woc'}]
  console.log(jia)
  //cb(jia)
  jQuery.getJSON(selfurl, {autoinput: '郏俊龙'}, function (data) {
    console.log(data)
    //this.detailselect = data.result
   console.log(data.result)
    cb(data.result)
  }
  )
// 数据要有一个value值 ,这个搜索框会读取这个
var jia=[{'value':'jia','name':'id'},{'value':'神','name':'woc'}]

要用cb()把数据放入选择框中,点击选择框函数我没有写,自己实现一下就行

的

评论

发表回复取消回复