使用Vue开发时使用了element-ui的textarea输入框做笔记功能,结果字数过多会出现431错误,求大神帮忙
在HTML中,textarea怎样控制最多输入字数?
var CSSrules = {
'textarea' : function(element){
element.onkeydown = function(event){
return doKeyPress(element,event);
}
,
element.onpaste = function(){
return doPaste(element);
}
,
element.onkeyup = function(){
return doKeyUp(element);
}
,
element.onblur = function(){
return doKeyUp(element);
}
}
}Behaviour.register(CSSrules);var detect = navigator.userAgent.toLowerCase();// Keep user from entering more than maxLength characters
function doKeyPress(obj,evt){//键入时
maxLength = obj.getAttribute("maxlength");
var e = window.event ? event.keyCode : evt.which;
if ( (e == 32) || (e == 13) || (e > 47)) { //IE
if(maxLength && (obj.value.length > maxLength-1)) {
if (window.event) {
window.event.returnValue = null;
} else {
evt.cancelDefault;
return false;
}
}
}
}
function doKeyUp(obj){//按键时
maxLength = obj.getAttribute("maxlength");
if(maxLength && obj.value.length > maxLength){
obj.value = obj.value.substr(0,maxLength);
}
sr = obj.getAttribute("showremain");
if (sr) {
document.getElementById(sr).innerHTML = maxLength-obj.value.length;//sr是剩余可添加字符数
}
}// Cancel default behavior and create a new paste routine
function doPaste(obj){ //复制时
maxLength = obj.getAttribute("maxlength");
if(maxLength){
if ((window.event) && (detect.indexOf("safari") + 1 == 0)) { //IE
var oTR = obj.document.selection.createRange();
var iInsertLength = maxLength - obj.value.length + oTR.text.length;
try {
var sData = window.clipboardData.getData("Text").substr(0,iInsertLength); //截断多余的字符
oTR.text = sData;
}
catch (err) {
}
if (window.event) { //IE
window.event.returnValue = null;
} else {
//not IE
obj.value = obj.value.substr(0,maxLength);
return false;
}
}
}
}
Vue2引入ElementUI时为什么会报错
你打开 项目下的 project.properties这个文件 有个 target属性,看看和你的一样不。
.安装以下模块,让webpack可以解析css文件
cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev123123
2.安装elementui模块
cnpm install element-ui@next -s11
3.在webpack.base.conf.js中添加配置
test: /\\\\\\\\.css$/,
loader: "style!css"
test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
loader: "file"
}1234567812345678
4.然后在 main.js 引入并注册
import element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
vue.use(element)。
vue 304 not modified怎么解决
根据你的描述; 禁止textarea拉伸的方法是设置这个 style="resize:none" 属性。 希望能帮助到你。
uniapp可以引入vue的Element框架吗
引入可以,但不能导出多端,如果你只是做网页开发,在使用flex布局的前提下可以放心大胆引入elementUI。但导出小程序会报错。uniapp组件太多依赖扩展组件就无法实现一次开发8端导出。鱼和熊掌不可兼得嘿嘿,利用uni自身开发还是挺强大的