vue element ui開發技巧

1、vue下input文字框獲得游標

html：

<

el-input 
size
="mini"
clearable v-model.trim
="addoreditdata.gridcode"
ref="inputgridcode"
>
el-input
>

js（在需要觸發獲取input游標方法加入下面js，如果需要再進入頁面獲得就獲得游標則在vue鉤子函式mounted加上下面**：）:

this.$refs.inputgridcode.focus();

2、vue中input文字框內容選中

方法一：

html：

<

el-input 
size
="mini"
clearable v-model.trim
="addoreditdata.gridcode"
ref="inputgridcode"
@@focus
="inputfocus($event)"
>
el-input
>

js方法：

inputfocus(event)

方法二：

html：

<

el-input 
size
="mini"
clearable v-model.trim
="addoreditdata.gridcode"
ref="inputgridcode"
>
el-input
>

js:

this.$refs.inputgridcode.select();

Vue Element ui開發中碰到的IE問題

第一步 安裝babel polyfill 已安裝請跳過此步驟 yarn add babel polyfill 修改webpack打包配置檔案 webpack.bash.conf.js 引入babel polyfill var babelpolyfill require babel polyfill ...

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue，所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...

重置表單（vue elementui）

第一種 在methods下的具體方法中直接乙個乙個地將表單繫結的值賦值為空 最笨的方法，只適用於僅幾個繫結值的情況下 第二種 elementui官網的方法 從這裡直接進入官網表單相關位置 model ruleform rules rules ref ruleform label width 100p...