JS global function method module exports exports

Definition butil.js

/**
	* @ Get string byte length 
	* @param {String} str
	* @returns
*/

function getStrLen (str) {
	let len = 0;
	for (let i = 0; i < str.length; i++) {
		let currLen = str.charCodeAt(i);
		if (currLen >= 0 && currLen <= 128) {
			len += 1;
		} else {
			len += 2;
		}
	}
	return len;
}


/**
* @ Intercepts a string of a specified length , The excess part displays the specified characters 
* @param {*} name
* @param {number} [len=8]
* @param {string} [endStr="..."]
* @returns
*/

export function cutOffStr (name, len = 8, endStr = "...") {
	//  Less than or equal to the specified length 
	if (getStrLen(name) <= len) return name;

	//  Exceeds the specified length 
	let formatName = '';
	let strLen = 0;
	for (let i = 0; i < name.length; i++) {
		strLen += getStrLen(name[i]);
		if (strLen <= len) {
			formatName += name[i];
		} else {
			break;
		}
	}
	return formatName + endStr;
}

stay vue in

# quote 

import {cutOffStr} from '@/utils/butil.js'


# Use... In code 

cutOffStr(srcStr)

If in vue Direct use in

<u-th>{
   {cutOffStr(item.user_nick, 10)}}</u-th>

Will report a mistake

Error in render: "TypeError: _vm.cutOffStr is not a function"

Need to be in methon Make it clear again in

methods: {
	cutOffStr,
}

JS Module export and import export and module.export The difference between - Simple books

A thorough understanding module.exports and exports The difference between __cris The blog of -CSDN Blog _module.exports and exports The difference between

vue in export default function and export function The difference between _ Ah Chang's blog -CSDN Blog

vue Cannot be directly in html Use in import Of js Method question ( Personal notes ) - Simple books